其他html元素和属性

2023-03-21 21:45:58 浏览数 (2)

其他html元素和属性

一、其他常用页面标签

<span>:用于显示文字

<h1>:代表标题,可以是 h2、h3...

<label>:显示文字,一般配合 checkbox 等使用

<strong>:文字加粗

<br/>:换行

二、每个元素都有的属性

id:是每个元素的唯一标识,一般一个页面中的 id 都是唯一的

disabled:标识元素不可用,就是用户不可互动,比如 button 的 disabled,就是按钮不能点击

class:样式选择器,主要用于修饰元素,比如颜色、大小、排版 等等,这个我们在后面的 css 课程中有详细讲解

三、代码实战

新建 html 文件 18-otherAttr.html ,编写下方程序,运行看看效果吧

代码语言:javascript复制
<!DOCTYPE html>
<htmllang="en">
    <head>
        <metacharset="UTF-8">
        <title>其他的html</title>
    </head>
    <body>
  
        <span>这是一个文本</span>
        <br/>
  
    	<span>这是一个文本</span>
        <div>div1</div><div>div2</div>
    
        <h1>一级标题</h1>
        <h2>二级标题</h2>
        <h6>六级标题</h6>
    
        <strong>这是一个Strong</strong>

        <divid="mydiv"></div>
    
        <inputtype="text"value="这是不可以修改的内容"disabled>

        <scripttype="text/javascript">
            //dom
            document.getElementById("mydiv").innerText ="你好div"
        </script>

    </body>
</html>

0 人点赞