1.标签
标签由开始标签和结束标签成对组成
<title>这是开始标签
</title>这是结束标签，“/”可省略不写
2.属性
属性是用来描述标签的具体特征
例如：<img src="" alt=""/>中，img是标签，表示图片；src属性表示图片地址，alt属性表示图片如
果无法显示时会出现的替代文字
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>这里是标题</title>
</head>
<body>
<img src="#" alt="图片没有哦">
<p></p>
<h1></h1>
</body>
</html>运行结果为：
从代码我们可以知道，因为src属性里面没有放图片的路径，所以运行出来也没有图片，就显示了alt属性里面的文字；title标签里面的内容表示网页的标题。
3.元素
①标签与它所包含的文本内容共同构成HTML元素，元素呈现嵌套的结构。
②父元素、子元素、兄弟元素
如上面代码，body为父元素，h1和p就是body的子元素，h1和p互为兄弟元素
③有些元素无法嵌套子节点和内容，称为空元素，如img标签构成的元素就是空元素。
4.语义化结构标签
header：页眉，可以作为整个页面的页眉，也可以作为某个部分的页眉。
页面的页眉通常包括Logo、主导航、搜索框等。
nav：导航条
footer：页脚，可以作为整个页面的页脚，也可以是某个部分的页脚。
main：页面的主要内容，一个页面只能使用一次。
aside：侧边栏。
article：可以独自被外部引用的内容，像文章、博客等，通常都带有标题。
section：用于一段主题性的内容，像章节、片段，通常也带有标题。
div、section、article语义是从无到有，逐渐增强的、能使用article就不要使用section。
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
