其他html元素和属性

阅读量: 294 编辑

其他html元素和属性

一、其他常用页面标签

<span>：用于显示文字

<h1>：代表标题，可以是 h2、h3...

<label>：显示文字，一般配合 checkbox 等使用

<strong>：文字加粗

<br/>：换行

二、每个元素都有的属性

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

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

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

三、代码实战

代码的详细解读，可以参考视频教程。

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

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="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>

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

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

    </body>
</html>