探索HTML元素的奇妙世界:解析基础标记和高级特性

agoin2023-11-14 15:04:2242

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>

html4.png

HTML元素嵌套

<!DOCTYPE html>
<html>
<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/>表示分割线等。

网友评论