python笔记 爬虫精进·第1课 【查看html网页代码，标签，元素，网页头，网页体，属性】

HTML是什么？

HTML（Hyper Text Markup Language）是用来描述网页的一种语言，也叫超文本标记语言 。

HTML的组成

标签和元素

代码示例

    
         
    
    
        
我是一级标题
        
我是二级标题
        
我是三级标题
        
我是一个段落啦。一级标题、二级标题和我，我们三个一起组成了body。
         
    

【标签】:夹在尖括号<>中间的字母，它们叫做【标签】
标签通常成对出现:前面的是【开始标签】，比如；后面的是【结束标签】，如
【元素】：开始标签+结束标签+中间的所有内容，它们在一起就组成了【元素】
【常见HTML元素】

网页头和网页体

【网页头】元素代表了【网页头】，内容不会被直接呈现在浏览器里的网页正文中
【网页体】元素代表了【网页体】，内容是会直接显示在网页正文中的
应用示例

  
       
      
  
  
      
这个书苑不太冷
      
吴枫推荐的书:
      
《奇点遗民》
      
本书精选收录了刘宇昆的科幻佳作共22篇。《奇点遗民》融入了科幻艺术吸引人的几大元素：数字化生命、影像化记忆、人工智能、外星访客……刘宇昆的独特之处在于，他写的不是科幻探险或英雄奇幻，而是数据时代里每个人的生活和情感变化。透过这本书，我们看到的不仅是未来还有当下。
      
  

属性

示例1

这个书苑不太冷
点这里看看

以上代码中“h1”元素中文字添加了颜色，增加了一个链接，这些是html【属性】的功劳。
【style属性】可以定义网页文本的样式，如字体大小、颜色、间距、对齐方式等。
【href属性】添加链接，链接一般都由“a”标签定义，href属性用于规定指向页面的URL。
示例2

注意：
1.style 元素的内容，是对.book的具体描述，比如float: left;，而/控制元素浮动/是对代码的注释。
2.其中.对应class，所以.book代表class book。因此，网页头中的.book和网页体中的class="book"是有联系的。
【常见HTML属性和用法】

网页体

顶部标题 div id=“header”
中部正文 div id=“article”
底部页脚 div id=“footer”
代理示例

    

        科幻小说

        人文读物

        技术参考

    
    

        

            
科幻小说
            《奇点遗民》
            
本书精选收录了刘宇昆的科幻佳作共22篇。《奇点遗民》融入了科幻艺术吸引人的几大元素：数字化生命、影像化记忆、人工智能、外星访客……刘宇昆的独特之处在于，他写的不是科幻探险或英雄奇幻，而是数据时代里每个人的生活和情感变化。透过这本书，我们看到的不仅是未来还有当下。
 
            
            

            

            

        
        
        

            
人文读物
            《未来简史》
            
未来，人类将面临着三大问题：生物本身就是算法，生命是不断处理数据的过程；意识与智能的分离；拥有大数据积累的外部环境将比我们自己更了解自己。如何看待这三大问题，以及如何采取应对措施，将直接影响着人类未来的发展。
 
            
            

            

            

        
        
        

            
技术参考
            《利用Python进行数据分析》
            
本书含有大量的实践案例，你将学会如何利用各种Python库（包括NumPy、pandas、matplotlib以及IPython等）高效地解决各式各样的数据分析问题。由于作者Wes McKinney是pandas库的主要作者，所以本书也可以作为利用Python实现数据密集型应用的科学计算实践指南。本书适合刚刚接触Python的分析人员以及刚刚接触科学计算的Python程序员。
 
            
            

            

            

        
    

备注说明：
（第8、19、31行）给h2元素标注了name属性，< section id=‘nav’>中的超链接标签(第2、3、4行)以这个name属性为标识，设置了跳转到这个标题的锚点；（第9、20、32行）给书名添加了超链接，可以链接到这本书的豆瓣主页；以及，（第12、24、34行）用标签添加了书的封面图片。