大家好，欢迎收看思路实验室出品的HTML入门教程，我是室长。
在之前的教程中我们了解到了HTML的各个标记的用法。对于一些简单的标记，标记自身就能够给浏览器说明白想渲染成什么样的内容，通常没有需要进一步再设置的需要，比如粗体、斜体、下划线。但对于更复杂的标记，不作进一步的说明就让浏览器搞不懂了。比如用来设置超链接的a标记，如果不作任何说明，浏览器就只知道被标记的这段文字是超链接，但是链接到哪里呢？不知道。所以我们需要更详细地信息来对标记进行解释，这个解释就被称为属性。
那我们如何给标记设置属性呢？很简单，在开始标记的尖括号里，标记名后边空一个格，然后以属性名=“属性值”的形式来设置属性。例如我想给一段文字设置超链接，链接到百度，就可以设置href属性到目标网址：
如果需要对同一个标记设置多个属性值呢？用空格连接多个属性就可以啦！比如在网页中插入图片的img标记，它有两个必需的属性，一个是src，规定了图片的来源链接，另一个是alt，当图片的来源链接失效时会显示alt属性设定的文字（要记得img标记没有结束标记）：
如果我们输入一个错误的图片地址：
出现的就是眼熟的图裂的情况。
实际上，并不是只有这种标签才能拥有属性，如果需要的话，我们可以给每个标记设置属性。所有标记都能够使用的属性被称为全局属性。不管是制作还是爬取网页，我们和全局属性打的交道是最多的。今天我们就来了解一下HTML中最常用的全局属性。
1.id
id相当于一个人的身份证，设置id是让JS、CSS以及爬虫精确找到这个标记的最好方法。我们之前用“从前有座山，山里有座庙，庙里有个和尚和老道”来举例子，但对于一个真正的网页来说，可能是“从前有五座山，每个山里有八个庙，每个庙里有三个和尚四个老道”。这时候如果你想准确地找到某个老道，最好的方法就是知道这个老道的道号。不过每个标签都有自己的id虽然精准，但是写起来麻烦，而且让页面的数据量变得更大。所以通常是JS在客户端给HTML的元素添加id。
2.style
style属性是重要的格式属性，在不使用CSS的情况下，使用style属性来设置格式最为方便。但格式并非只有一种，比如颜色、字体等等都属于格式，如何进行设置呢？其实这个可以参考Python中的字典，每一个具体的格式参数都是字典中的一个键值对，只不过在HTML中需要写成字符串的形式：
注意使用冒号来连接键和值，用分号来分割键值对。
3.class
如果觉得使用id太细致太复杂，不妨使用class属性。class属性比较像标签，可以给同一类的标记打同一个标签，那么如果我们根据class进行选择，会选择出包含这个标签的所有标记。标签的特点是一个标记可以被打上多个标签，对于多标签的情况我们如何设置class的属性值呢？很简单，空格分割：
不过现在这样看不出来效果，因为只打了标签并不影响格式。我们现在超纲地使用一下CSS来设置一下格式：
以上这三种全局属性是HTML中最为常用的三种属性。其实在更早的时候属性更多，但也造成了混乱，现在格式的设置功能逐渐地归到了CSS中，我们只要关注html框架的构建就好了。学习了这一期之后，我们就可以尝试着从一个静态的网页中获取一些信息了，我们即将迈出爬虫的第一步。如果这篇文章对你有所帮助，希望能帮室长点个赞和在看，你的鼓励是室长进步的动力！
【室长原理课】系列在不正经地科普一些互联网小知识，没有太多高深的内容，把这个系列分享给你的朋友吧！
喜欢此内容的人还喜欢
左右滑动查看下一篇