python爬虫学习第二节：html基础_pycharm中如何将html层次结构展开-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_43132653/article/details/113446444

本文介绍了HTML学习的重要性，将其比喻为建筑图纸对于建筑的关键作用。讲述了如何查看网页源代码，强调HTML的层级结构，并解释了HTML的组成——标签和元素，包括href和class属性的用途。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1：HTML的学习顺序，读懂，修改，编写，只有读懂了HTML才能看的懂网页的结构，而看懂网页的结构，是获取数据最关键的一步，如果你不知道自己需要的数据在网页的什么地方，那你怎么获取呢
2：html叫做超文本标记语言，专业用于编写前端的语言在这里插入图片描述
html之于网页，就相当于建筑图纸之于建筑
3：如何查看网页的源代码：又两种方式
这种方法打开的网页源代码结构不清晰，很难看懂，另一种方式是
快捷键：ctrl+shift+i
4：HTML的层级
每一个小三角就是一个层级
5：HTML的组成：标签和元素，如图在这里插入图片描述
每一对<>中间的字母，就叫标签，标签通常都是成对出现的，比如:

就是一对标签前面为开始标签，后面为结束标签![在这里插入图片描述](https://img-blog.csdnimg.cn/20210130211128236.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMTMyNjUz,size_16,color_FFFFFF,t_70) 元素：开始标签+中间内容+结束标签，就组成了元素![在这里插入图片描述](https://img-blog.csdnimg.cn/2021013021120612.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMTMyNjUz,size_16,color_FFFFFF,t_70) ![在这里插入图片描述](https://img-blog.csdnimg.cn/20210130211219180.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMTMyNjUz,size_16,color_FFFFFF,t_70) 6：HTML的基本结构：网页头和网页体![在这里插入图片描述](https://img-blog.csdnimg.cn/20210130211340884.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMTMyNjUz,size_16,color_FFFFFF,t_70) 网页头的内容不直接呈现在浏览器里面，网页体的内容直接呈现 7：网页属性：![在这里插入图片描述](https://img-blog.csdnimg.cn/2021013021171030.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMTMyNjUz,size_16,color_FFFFFF,t_70) 网页属性是用来描述元素的，比如文字的颜色 style属性可以用来定义网页文本的样式，比如字体大小、颜色、间距、对齐方式![在这里插入图片描述](https://img-blog.csdnimg.cn/20210130211925120.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMTMyNjUz,size_16,color_FFFFFF,t_70)

href 属性可以用来添加连接在这里插入图片描述
在HTML中，href属性一般都由a标签定义
class属性主要是为了给元素定义样式