前端之HTML
一、介绍
??HTML是HyperText Mark-up Language 的首字母简写，意思是超文本标记语言，超文本指的是超链接，标记指的是标签，是一种用来制作网页的语言。HTML是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。HTML 命令可以说明文字、图形、动画、声音、表格、链接等。
<!DOCTYPE html> # 文档申明，表示HTML5文档，不区分大小写
<html lang="en"> # HTML根元素，标签中的lang="en"定义网页的语言为英文，定义成中文是‘lang="zh-CN"‘,不定义也没什么影响。
<head> # 元数据，示例定义了编码格式及页面标题
<meta charset="UTF-8"> # 网页编码格式为 utf-8
<title>Title</title> # 页面标题
</head>
<body> # 网页显示的内容
<h1>hahha</h1> # 一级标题，文字内容
</body>
</html>
二、HTML基础
2.1 HTML标签
??1.)a斜体标记 <i>斜体标示</i>，浏览器将包含其中的文本以斜体字戒者倾斜字体显示
??2.)强调斜体标记 <em>强调斜体标示</em>，浏览器把其中的文本表示为强调的内容。
??3.)加粗标记 <b>加粗表示</b>，浏览器将包含其中的文本加粗显示。
??4.)强调加粗 <strong>标示</strong>，浏览器把其中的文本用于强调文本，但它强调的程度更强一些。
??5.)下划线标记 <u>标示</u>，浏览器将包含其中的文本添加下划线。
??6.)删除线标记 <del>标示</del>，浏览器将定义文档中已被删除的文本。
??7.)水平分隔线标记 <hr color="red" >，标签在 HTML 页面中创建一条水平线。
??8.)下标标记 <sub> haha </sub>,标记对中的内容将会以当前文本流中字符高度的一半来显示
??9.)段落标记标记 <p>这是一个段落</p>，在标记对中的内容会显示在一个段落里。利用此标记可以对网页中的文字进行段落的结构定义，但不能进行段落格式的定义。
??10.)换行标记 <br>，文档中插入一个简单的换行符，标记后的内容会换至下一行编辑
2.2 HTML块
??1.)div标签 块元素，表示一块内容，没有具体的语义。
??2.)span标签 行内元素，表示一行中的一小段内容，没有具体的语义。
2.3HTML链接
??<a>标签可以在网页上定义一个链接地址，通过href属性定义跳转的地址，通过title属性定义鼠标悬停时弹出的提示文字框。
<body>
<p>段落</p>
<a href="https://note.youdao.com/" title="a标签测试">a标签测试</a>
</body>
2.4 HTML列表
??有序列表：在网页上定义一个有编号的内容列表可以用
- 、
- 配合使用来实现在网页上生成的列表，每条顷目上会按 1、2、3 编号。
??无序列表：在网页上定义一个无编号的内容列表可以用- 、
- 配合使用来实现,可以通过"type"，修改li标签的签名的小图标（disc,）
<ul type="None"> <li>标题1</li> <li>标题2</li> <li>标题3</li> </ul>
- 配合使用来实现,可以通过"type"，修改li标签的签名的小图标（disc,）