0x01 什么是HTML(来自百度百科)
超文本标记语言（Hyper Text Marku Language) ,标准通用标记语言的一个应用。HTML不是一种编程语言，而是一种标 记语言,是网页制作所必备的.”超文本”就是指页面可以包含图片、链接、甚至音乐、程序等非文字元素。超文本标记语言的机构包括
“头”部分、和”主体”部分,其中”头”部提供关于网页的信息，”主体”部分提供网页的具体内容。
0x02 定义：
超级文本标记语言是标准通用标记语言下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是，对于不同的浏览器，对同一标记符可能会有不完全相同的解释，因而可能会有不同的显示效果。
0x03 语言特点
超级文本标记语言文档制作不是很复杂，但功能强大，支持不同数据格式的文件镶入，这也是万维网（WWW）盛行的原因之一，其主要特点如下：
1.简易性：超级文本标记语言版本升级采用超集方式，从而更加灵活方便。
2.可扩展性：超级文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超级文本标记语言采取子类元素的方式，为系统扩展带来保证。
3.平台无关性：虽然个人计算机大行其道，但使用MAC等其他机器的大有人在，超级文本标记语言可以使用在广泛的平台上，这也是万维网（WWW）盛行的另一个原因。
4.通用性：另外，HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。
0x04 基础格式和标签简录
0x05 HTML语言基础格式
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
0x06 标签简录
<head\>标签： 在head标签里面可以设置网站标题，设置编码格式等。
<body>:
是网页的主体部分,可以在里面通过添加其他标签来链接文档、音乐、视屏、图片等，是网站最为重要的一部分
<a>标签：
定义的是链接，可以用来链接一个图片路径，视屏路径、网站路径等等。百度 这个/指的是跳转到根目录下的其他目录或文件 ://是指定某个协议
<p>
定义的是一个段落
<img>
定义的是一个图片 <img=src””>可以链接打的是图片的存储路径，也可以是图片的网页链接。
<table>标签：
定义的是HTML表格。<tr> 元素定义表格行，<th> 元素定义表头，<td> 元素定义表格单元
<form>标签：
定义的是标签用于创建供用户输入的 HTML 表单。其下有
<input>、<textarea>、<button>、<select>、<option>、<optgroup>、<fieldset>、<label>几个元素
其中<input> 格式是 <input typr=”” name””> <input type=”text” name”uname”>、<input type=”submit” name”uname”>.name指的是名称可随意设置
type=”text”普通的文本输入框 type=”password”带星号的密码输入框 type=”radio”单选框同一类型要有统一的name属性,表明是一类 type=”checkbox”复选框添加checked属性会默认选中 type=”file”文件上传选择 type=”email”带简单验证的邮箱输入
0x07 一个简单的案例
0x08 使用
<html>
<head>
<title>热点新闻</title>
</head>
<body>
<table border="1" align="center">
<tr>
<th>热度</th>
<th>标题</th>
<th>作者</th>
<th>时间</th>
<th>操作</th>
</tr>
<tr>
<td>
100
</td>
<td>
<img src="http://n.sinaimg.cn/news/1_img/upload/6d34f853/180/w2048h1332/20190728/433d-iakuryx1529066.jpg" height="15" width="50"/>
<a href="#">特朗普威胁WTO改规则：美不承认中国是发展中国家<a>
</td>
<td>
中央特约评论员
</td>
<td>
2019-07-30
</td>
<td>
👍/👎
</td>
</tr>
<tr>
<td>
99
</td>
<td>
<img src="http://n.sinaimg.cn/news/1_img/upload/6d34f853/180/w2048h1332/20190728/433d-iakuryx1529066.jpg" height="15" width="50"/>
<a href="#">杨振宁演讲谈这件事：我很高兴中国政府没有上当<a>
</td>
<td>
中央特约评论员
</td>
<td>
2019-07-30
</td>
<td>
👍/👎
</td>
</tr>
<tr>
<td>
98
</td>
<td>
<img src="http://n.sinaimg.cn/news/1_img/upload/6d34f853/180/w2048h1332/20190728/433d-iakuryx1529066.jpg" height="15" width="50"/>
<a href="#">国民党提名韩国瑜参选 郭台铭缺席王金平说完就走<a>
</td>
<td>
中央特约评论员
</td>
<td>
2019-07-30
</td>
<td>
👍/👎
</td>
</tr>
</table>
</body>
</html>0x09 网页显示结果
