这是我参与「第四届青训营 」笔记创作活动的第1天
一、什么是HTML
HTML是一种超文本（链接）标记（标签）语言,用来写网页结构二、什么是标签
1.HTML用标签的形式来标识网页的不同组成部分
2.介绍标签
(1) 标签特点：由尖括号包围的关键词，比如 <html>
(2) 通常是成对出现的，比如 <html> 和 </html>
(3) 标签对中的第一个标签是开始标签，第二个标签是结束标签；
(4) 开始和结束标签也被称为开放标签和闭合标签。
三、一般网页的标准格式
<!DOCTYPE html>
<html> //一个网页有且仅有一个根标签，放在网页首尾。
<head> //用于定义文档的头部，它是所有头部元素的容器,去帮助浏览器解析网页.
<meta charset=”UTF-8”/>
<title>
</title>//标签中的内容会显示在浏览器的标题栏 。搜索引擎主要会根据标题栏中的内容来判断网页的主要内容。
</head>
<body>
</body>
</html>
四、注释
单行注释<!--注释的内容-->
多行注释`<!--
…
-->`
五、doctype声明（文档说明）
1.为了让浏览器知道我们使用的HTML版本有(html4、XH、h5)我们还要在网页代码的最上方添加一个doctype声明，来告诉浏览器网页的版本。
2.写法：<!DOCTYPE html>
3.作用：声明网页为h5标准
六、开发环境
七、meta标签
1.为了防止乱码出现，需要告诉浏览器网页所采用的编码字符集，以便采用同样的字符集解码。这时就用到了meta标签，这是一个自结束标签，只写一个开始标签,且需要加入一个斜杠/ ，写在<head>标签的里面。
2.格式：<meta charset=”UTF-8”/> 其中charset是字符集的意思，UTF-8字符集
八、介绍几种常用的标签
1、标题标签和font标签
<h1></h1> h1标签的字是最大
<h2></h2>
……..
<h6></h6>
<font>是字体样式标签主要用来设置字体的属性
（属性：可以通过属性来设置标签，如何处理标签的内容，在开始标签中添加属性。）
格式一般是：
属性名=“属性值”
ex:<h1>这是我的<font color=”blue”>网页</font></h1>
2、span标签和段落标签
Span标签：里面写文本内容， span占用的是内容有多宽就占用多宽的空间距离
(1)、使用<p></p>标签来表示一个段落
标签中的文字默认独占一行，并且段与段之间有间距
（2）、写很多空格或者换行，浏览器都会解析为一个空格，
如果想换行的话，加一个br标签，格式：<br/> （br标签同样是自结束标签）
如果想加空格的话、 ；代替一个空格，加几个空格，写几个
(3)hr标签
为自结束标签，作用是在页面中生成一条水平的线
3、图片标签
格式：<img />，为自结束标签，作用是引入一张图片.
例子：
<img src = ”图片名称.jpg” alt = ”这是一个图片”/>
注意：如果直接写图片名称需要图片和html文件在一个文件夹里
还有一种情况，如果图片和html文件不在一个文件夹，就要写明他的路径
ex：
images文件夹和html放在一起时
<img src=”images/图片名称.jpg”/>
如果images文件夹在html的上一级文件夹时
<img src=”../images/图片名称.jpg”/>
4.a标签（超链接）
属性：超链接可以让我们从一个页面跳转到其他页面
超链接是也是一个行内元素，在a标签中可以嵌套除他自身外的任何元素
1、<a href>
href 指定跳转的目标路径
（1）<a href=”绝对路径”></a>
（2）<a href=”相对路径”></a>
注：当我们需要跳转一个服务器内部的页面时，一般会使用相对路径
相对路径都会使用./或../开头
./可以省略不写
如果不写./或../则默认为写了./
./ 表示当前文件所在的目录
../ 相当于当前文件所在上一级文件的目录
2、target
作用：指定打开链接的位置
可选值:
（1）_self : 在当前窗口打开(默认)
（2）_blank : 在新窗口打开链接 ex：<a href=“” target=”_blank”></a>
拓展：如果把链接的地址设成#，则点击该链接后会自动跳转到页面的顶部。
#被称为占位符。
5、id
HTML中有一个属性，每个标签都可以设置，该属性可以作为标签的唯一标识，这个属性就叫id。
ex：<h1 id="myHeader">Hello World!</h1>
