本文最后更新于3 天前，其中的信息可能已经过时，如有错误请发送邮件到big_fw@foxmail.com
Day one
首先我们定义HTML是啥？我个人浅显地认为HTML甚至不算一门代码语言，他不类似于Python、Java那些代码语言有很强的逻辑性，HTML就是一个标记语言，就好似word一样，有一些加粗倾斜下划线等的操作，目的是为了让网页更好地展现出我们文章中想突出的重点。
关于更权威的解释：HTML
目前网络上有很多HTML的教程，个人觉得菜鸟教程不错，链接：菜鸟教程HTML
今天就开始记录自己的HTML学习之旅：
1、基础
这里使用菜鸟教程的图片来解释一下主题框架
<!DOCTYPE html>
<html>
<head>
<title>第一个HTML界面</title>
</head>
<body>
<p>Hello Html</p>
</body>
</html>
在html中head标签（也成为元素），大部分都是交给浏览器来看的，之后还会有meta标签，我们在网页中主要看到的就是body标签中的文字，比如我在p标签内写的Hello Html,会在界面上展示。标签有子标签、父标签，双标签、单标签等等之分。
<!DOCTYPE html>
上述代码是声明类型，后面跟html,告知网页我写的是html语言，让浏览器能正确解析，这个写法没有特定要求，只要拼写是这几个字母就行
写为Doctype DocType doctype等等都可以。
<html></html>
这是整个界面的起始标志和结束标志，网页内显示的东西从<html>开始，从</html>结束
<meta charset="utf-8">
元数据（Metadata）是数据的数据信息。
<meta> 标签提供了 HTML 文档的元数据。元数据不会显示在客户端，但是会被浏览器解析。
对于中文网页需要使用 <meta charset="utf-8"> 声明编码，否则会出现乱码。有些浏览器(如 360 浏览器)会设置 GBK 为默认编码，则你需要设置为 <meta charset="gbk">。
<body></body>元素根据英语释义就是身体的意思，显而易见，body就是网站的身体也就是主体，显示在网站上的内容就是主体。
而<p></p>标签是paragraph也就是段落，表示元素中间的内容是一个段落2、属性
标签属性一是放在开始标签内的，比如链接的属性是herf那么如何代表跳转链接呢？
<a href="链接">跳转</a>
当点击跳转时，界面会跳转到百度的搜索界面，这就是href属性表示链接。
还有img标签<img src=”图片”>这里的图像链接可以是绝对路径，也可以时相对路径。
其实在img标签中还有另一个属性，那就是alt，我们在访问访问网站时，经常会遇到，图片加载不出来的情况，这时候alt的作用就显现出来了，那就是当图片未成功加载时，利用alt的文字，来补充说明图片想要表达的意思，也就相当于图片的备注。
比如现在我在当前html文件夹下放入一个1.jpg,然后输入
<img src="./1.jgp">
我们发现，图片被显示在了网页中，那么如果我们现在加上alt属性，图片会显示吗？
显而易见，还是可以访问的，那么我们将1.jpg换位不存在的2.jpg会发生什么？
这时因为没有这张图片，所以网页无法显示，但是因为img标签中有alt这个属性，同时src所指向的图片又无法打开，自然会显示alt的备注信息了。
