HTML的标签是可以“嵌套的”,标签里面可以放其他标签~
- 外层的标签,称为父标签/父元素;里面的标签,称为子标签/子元素
- 一个父标签,可以有很多个子标签;一个子标签,只能有一个父标签
- 同一个父标签中的子标签,互为兄弟关系
HTML中的标签嵌套,构成了一棵树形结构
VS-Code
输入!<tab>自动生成基本结构内容
<!DOCTYPE html> <!--文档类型定义,值为html表示当前的文件是一个html5版本的文件-->
<html lang="en"> <!--lang => language en表示英语,通过这个标记,方便浏览器启动翻译功能-->
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
标签
标题 不设置的情况下会使用浏览器默认显示(CSS自定义样式)
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
段落标签<p> </p>
换行标签<br/>(单标签)
格式化标签strong b em i del s ins u
img图像标签 src alt title width height
a链接标签href target="blank"
表格标签table 包含 tr , tr 包含 td 或者 th.
- table 标签: 表示整个表格
- tr: 表示表格的一行
- td: 表示一个单元格
- th: 表示表头单元格. 会居中加粗
- thead: 表格的头部区域(注意和 th 区分, 范围是比 th 要大的)
- tbody: 表格得到主体区域.
无语义标签
div 独占一行,大的盒子
span 不独占一行,小的盒子