HTML标签--再回首（其实还是萌新）

网页的组成成分———HTML（超文本标记语言）、CSS样式、Javascript（JS）

一个让人舒爽快乐的网页离不开上面的三部分，我们将一个网页比作人的话：HTML就是人的骨骼和血肉、CSS是为这个人画上精致的妆容和换上华美的服饰、JS则是这个人与你的交谈或者与你共跳一支舞蹈的过程。

离开HTML，css和js都是空谈，连人都没有还用画什么装、陪你跳什么舞；

离开CSS，就好像让你和一个将将可以看的人去跳舞，你肯定也会不愿意或者不快乐

离开JS，那么这个人就好像失去了灵魂，你对他的任何活动都不能得到应答或者不能得到正确的应答，这样就好像让你伴着一个人偶跳舞。

所以—三者缺一不可。

1.默认html文档说明

2.小小标签--拿下拿下

学习前需要知道标签的分类，我们将常用的HTML标签分为两大类，分别是**单标签和双标签**。

单标签是指只有一个尖括号<>，不需要结尾标签结尾的标签，类似于 `<img>标签`

双标签是指需要两个尖括号的标签，这类标签通常需要一个结尾标签，类似于 `<span></span>、<div></div>`

（注意：标签和标签内的属性要空格，紧挨着一起会默认为你定义了一个新的标签。）

 标签1：图像标签img

<img src="">

这个是图像标签，他的是作用是在网页内引入一张图片。****”src“表示路径属性，其后=****后跟需要引入图片的路径。

路径又分为两种：相对路径和绝对路径

相对路径：以你正在写的文件为基础，寻找需要引入文件的位置

例如：

<img src="./img/demo1.jpg">这个表示（./）当前目录下（img/）目录下的demo1文件

<img src="../img/demo1.jpg">这个表示（../）该目录下上级目录中（img/）img文件下的demo1文件

绝对路径：该路径的表示方式和当前观看的文件没有关系，通过该路径可以直接访问需要的文件。

例如：

<img src="/img/demo1.jpg">`表示（/）根目录下（img/）img文件内 demo1文件

<img src="http://baidu.com/img/demo1.jpg">这里引入的网络图片不是本地图片。引入的是百度的img文件下的demo1文件

 标签2：换行标签br

非常简单的一个标签，这个标签只有一个作用就是让文本换行。<br>

就像上面那样，添加完br标签，我就要换一行写。

这里的换行不是文档超出边框边界需要换行，而是我主动的希望他换行。

标签3：水平线标签hr

标签4：输入框标签input

input的属性有很多，其中包括什么颜色选择呀、时间设置呀、选择文件呀（这些说的都是能在type找到的对应属性值）等等，所以当遇到不常用记不住的进去百度吧，直接搜索input标签就可以。

最后再说一下，它不仅是我们的好基友，还是表单 `<form>`标签的好基友，你留心的话会发现，很逗有表单的页面一定会跟着input标签的，这是形影不离的好基友呀，真是忏愧，我们只是偶尔用用他。

细心的同志们肯定已经发现了，上面都是单标签哦！

标签5：加粗标签strong和b

strong有语义上强调的意思，用strong加粗的部分在搜狗浏览器里面有强调的含义（老师说的）

标签6：倾斜标签i和em

标签7：下划线标签u和ins

标签8：删除线标签s和del

标签9：角标签sup和sub

标签10：字标签font

标签11：块标签div

标签12：段落标签p

标签13：列表标签ul或ol 和它们的子标签li

再提一点，上面提到过自定义标签，其实自定义标签可以写，甚至在html中还能起作用，就好像我定义了一个imgsrc标签，我可以在css样式中给他添加宽width、高height、背景色等，把他看作一个div一样去使用。

所以自定义标签可以顶替html文件中的部分标签，但是像img、input、视频、音频等这些特殊的标签，靠自定义是定义不出来这些标签的自身属性的。

不推荐使用自定义标签。上面说这么多自定义，其实还不鼓励大家使用的，我们要规范代码，别你写了一份代码，到最后老板问你这是啥玩意，你说：我也不知道啊。就尴尬喽~到时间就收拾东西回家吧，说严重点可能还会让我们赔钱呢，真是蓝瘦香菇呀。。。

本次标签分享结束喽，小驴不想睡，小驴还想写~(多多包涵，第一次写这玩意，我直接给md文档截图交上来了，不会弄，一点一点腾太浪费时间了)