一、网页组成的本质
1.网页由文字、图片、音频、视频、超链接组成。
2.我们看到的网页本质是由前端程序员写的代码。
3.前端代码通过浏览器转化（解析和渲染）成用户看到的网页。
二、浏览器
1.浏览器是网页显示和运行的平台。
2.渲染引擎（浏览器内核）：浏览器中专门对代码进行渲染和解析的部分。
3.渲染引擎不同，导致解析相同代码的性能、速度、效果也不尽相同。
三、web标准
1.web标准由三大部分组成，分别是结构（HTML）、表现（css）、行为（javascript）。
四、HTML标签组成和关系
1.结构说明：标签由两个尖括号、反斜杠、英文单词或字母组成，前部分叫开始标签，后部分叫结束标签，两部分之间包裹内容。如<html>内容</html>
2.少数标签由一部分组成，我们称之为单标签，自成一体，无法包裹内容。如<hr>
3.嵌套关系（父子关系）：
<head>
<title></title>
</head>
4.并列关系（兄弟关系） ：
<head></head>
<body></body>
五、HTML骨架结构
1.HTML标签：网页的整体
2.head标签：网页的头部
3.body标签：网页的身体
4.title标签：网页的标题
六、简单的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>charset 编码 gbk gbk2312 utf-8 保存内容的快捷方式：ctrl+s
六、HTML常见标签
1.meta标签
<meta>元素可提供有关页面的信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。
设置网站关键字
meta name="keywords" content="网络安全，WEB渗透，数据安全，渗透测试，安全培训" />
<link> 标签定义文档与外部资源的关系。
<script> 引入js文件
<!--这是一段注释。注释不会在浏览器中显示。-->
<p>这是一段普通的段落。</p>
2.标题标签
由大到小
<h1>h1</h1>
<h2>h2</h2>
<h3>h3</h3>
<h4>h4</h4>
<h5>h5</h5>
<h6>6</h6>
</br> 换行标签
<hr>换行线标签
3.文本属性
<strong>加粗</strong>
<b></b>加粗
<i></i>斜体
<u></u> 下划线
<sup></sup>上标
<sub></sub>下标
<del></del> 删除线
<font></font> 规定字体属性
size 字体的大小
color 字体颜色
代码样式原样输出
<pre></pre>