一、网页的构成
网页通常由结构、样式、行为这三个方面组成，他们分别对应了
结构——HTML（后缀名.html）
样式——CSS（后缀名.css）
行为——JavaScript（后缀名.js）
接下来我们分别讨论HTML和CSS我们需要掌握的内容，以及需要注意的细节。
二、HTML
html是“超文本标签语言”，是用来描述网页的一种语言。而结构用于对网页元素进行整理和分类，非常重要，它支撑了整个网页的架构。学好html，熟知标签语义以及搭建良好的构架，是对学习者来说必要的能力。
HTML 有自己的语言语法骨架格式：
<!DOCTYPE html>
<html lang="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>
标签
HTML标签：
作用所有HTML中标签的一个根节点。
最大的标签 ：根标签。
head标签： 文档的头部
文档的头部描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。比如说用于存放title、meta、base、style、script、link
注意在head标签中我们必须要设置的标签是title
title标签： 文档的标题
作用：让页面拥有一个属于自己的标题。
body标签：文档的主体 以后我们的页面内容 基本都是放到body里面的。
在前面我们已经了解了html不可缺少的标签，那么接下来我们来看下还需要什么标签
在上方我们看到的代码，很明显的是标签都是成对出现的。但也有特殊情况，单标签，例如mate、br、hr等。
标签语义化
我们常使用到的标签都有它特别的含义，所以当它被附上了意义那么我们在选择如何使用标签也找了参考性，接下来我会跟据项目带大家了解不一样的标签所使用不同的场景。
标签是可以进行嵌套
标题标签
通常是用于标题，有着字体放大放粗的效果。
根据小米产品展示，“Xiaomi 12S Uitra”就是用标题标签h3，它的确也是这个产品的名字，所以使用标题标签。
文本标签
p标签多用于文字段落，解释内容。
斜体标签: i标签- 表示内容重要,不同
表示语义强调: em标签 语调加重 斜体
表示
最低0.47元/天 解锁文章
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
