上一节:
下一节:

  HTML 元素

  • HTML元素

    HTML文档是由各种各样功能的元素标签构成的，接下来这些元素可能你没有见过，不要担心，后面会逐一介绍它们，这里作为一个组略的了解，除了上一节我们介绍的span，h1，p标签外，HTML还有很多元素标签，他们分别在浏览器上呈现不同的效果和功能。例如如下元素：
    元素标签 作用
    h2 二级标题
    ul 无序列表
    ol 有序列表 
    <h2>我是二级标题</h2>
<ul>
        <li>我是无序列表1</li>
        <li>我是无序列表2</li>
        <li>我是无序列表3</li>
</ul>
<ol>
        <li>我是有序列表1</li>
        <li>我是有序列表1</li>
        <li>我是有序列表3</li>
</ol>
    浏览器显示效果为：

  • HTML元素嵌套

    
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>欢迎来到蝴蝶教程</title>
</head>
<body>
    <p>欢迎来到蝴蝶教程</p>
    <div>
        <h3>欢迎来到蝴蝶教程</h3>
        <span>欢迎来到蝴蝶教程</span>    
    </div>
</body>
</html>

    如上HTML代码，整个文档由html包含，body包含p，div，而div又包含h3，span，因此HTML元素是可以嵌套使用的。

  • HTML书写规范

    HTML不区分大小写，但通常W3C建议使用小写来书写HTML文档，HTML元素通常由一对闭合的标签组合，形如<�开始标签>标签里的内容</结束标签>，但是结束标签其实是可选的，但规范是建议书写，一个复杂的HTML是有多重元素嵌套组成的，如果没有写结束标签，通常会产生意想不到的错误，其中也有一些空标签只写一个标签名形如<�标签名 />，如我们见过的meta 标签，还有<br/>表示换行，<hr/>表示分割线等。
上一节:
下一节: