第一部分：标签

什么是标签？

由尖括号包裹单词构成，如：，所以标签不可能以数字开头。

标签不区分大小写，但推荐小写。

标签可以嵌套，但不能交叉嵌套。

标签也称为元素。比如：行内标签亦可成行内元素。

错误示例： 正确示例：

1.标签的使用样式及属性

（1）标签的使用样式：

开始标签又称开放标签标签体结束标签又称闭合标签或关标签

自闭合标签/单标签，如：，
等

单标签有两种写法： 写法一：只写开标签即可
写法二：在开标签的结尾写一个/，如

（2）标签属性：

通常为键值对形式出现，比如： 里面的charset为标签的属性，对应的单引号或者双引号里的称为属性值；

属性只能出现在开始标签和自闭合标签内，但不能出现在结束标签里；

属性名字全部小写，属性值必须用单引号或者双引号包裹；

如果属性名和属性值完全一样，直接写属性名即可，如：“readonly”(input标签属性)

（3）块状标签

这是个段落标签，我是块状标签

小知识点：网页的默认字号是1em（1em=16px）！

总共有四个：

标题标签；

我是一级标签，一个网页只能有一个，别的可以有多个

我是二级标签

段落标签；

我是段落标签

列表标签：分为有序列表，无序列表和定义列表三大类；

3. 这是有序列表1
4. 这是有序列表2
5. 这是有序列表3

• 这是无序列表1
• 这是无序列表2
• 这是无序列表3
• 这是无序列表4

水果

葡萄

榴莲

蔬菜

花菜

包菜

div标签。

如果嫌打列表标签太麻烦，可使用快捷方法:（n表示相应的标签的个数，直接输入下面语句Tab一下即可生成！）

*是乘的作用，后面跟一个数字，数字是几，就会生成几个标签！

举例：

实现：

$可以代表一个数字，这个数字从1开始，逐步增大，通常和*连用。

举例：

实现：

{}里面用于书写标签的文本内容。

举例：

实现：

[]里面用于书写属性名和属性值（如果不加属性值，则创建属性值为空的属性）

举例①：

举例②：

实现①：

实现②：

>用于指示下一级标签，他们构成父子关系（包含关系）

举例：

说明：

+在当前标签的后面生成一个平级的标签（兄弟关系）

举例：

实现：

#a生成一个id位a的div标签

举例：

实现：

综合使用：

举例①：

实现①：

举例②：

实现②：

举例③：

实现③：

举例④：

实现④：

举例⑤：

实现⑤：

（4）内联标签（行内标签）

我是个文本标签

总共有四种：

图片标签

我是超链接

文本标签

我是文本标签

如果图片标签里填的是本地图片的地址（相对路径）：

1.如果图片在同级目录下，直接： 当前目录名/图片名

或者： ./当前目录名/图片名

2.如果图片在上级目录下，直接： . ./图片名

至于为什么要实现行内标签和块状标签的相互转换，小伙伴们在设置css样式时会get到这个点哦。

比如：块状标签是不能放在一行了，但我们可以通过先转换为行内标签就可以了！！！

In The End！

本博主会持续更新爬虫基础分栏及爬虫实战分栏（为了小伙伴们更好的进行页面解析，也会更新部分前端必备知识点博文！），认真仔细看完本文的小伙伴们，可以并评论出你们的读后感。并可关注本博主，在今后的日子里阅读更多爬虫文！

如有错误或者言语不恰当的地方可在评论区指出，谢谢！ 如转载此文请联系我说明用以意并标注出处及本博主名，谢谢！

JavaScript

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。