![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
天蓬老师Correction status：qualified
Teacher's comments：你的代码跑到标签外面了, 看一下是不是结束的```放得不对
Collection
Collection
1 嵌套式的结构
html语言在整体结构上，是一种嵌套包围的层级结构。
<html>
<head>
</head>
<body>
</body>
</html>
2 内容组合
html由许多不同的元素组合构成。
不同的元素有不同的标签类型。
非空元素
这类元素中需要填入相关的内容。由两个标签首尾呼应形成一个元素。内容填写在首尾标签之间。
<a href="../good.html">一个跳转上级目录文件的超链接</a>
<p>我是一段话，一个段落文字</p>
<h3>3#标签来了</h3>
空标签
这类元素通常是引用其他的文件、图片、视频等资料。<img src="./img/hao.jpg" alt="我是一个从根目录开始顺的图片哦！">
标签的属性和值
html的每个标签都有相关的属性，通过给属性赋值，就可以控制每个标签的表达形式。<h2 style="color:red;font-size: 105px;">通过属性可以控制这段文字的大小</h2>
三大通用属性
| 属性 | 作用 | 示例 |
|---|---|---|
| id | 给元素添加唯一标识 | <input type="text" id="yourname" /> |
| class | 给元素添加类样式 | <h2 style="font1">需要先设置类样式</h2> |
| style | 设置当前元素的样式 | <h1 style="font-size:27px;color:red;>直接在当前设置</h1> |
通过这一刻的学习了解到html文件是多个元素组合而成的，元素组合方式主要有排列和嵌入两种方式。元素是由属性来控制实现方式的，属性有相关的赋值。本质上html文件就是一个文本文件，通过空标签引用其他的资源形成丰富的显示内容。
天蓬老师