HTML是什么楚殿？
HTML（Hyper Text Markup Language）是用來描述網(wǎng)頁(yè)的一種語(yǔ)言阻桅，也叫超文本標(biāo)記語(yǔ)言 盖腿。
查看網(wǎng)頁(yè)的HTML代碼
推薦用谷歌瀏覽器（Chrome）或火狐瀏覽器（Firefox）二者之一
方法一：快捷方式是ctrl+shift+i
方法二：網(wǎng)頁(yè)任何地方右擊“審查元素”
HTML的層級(jí)
HTML源代碼中有一些小三角形布蔗，每一個(gè)三角形都可以展開或合上管闷。尖角向下代表展開定续，向右代表合上了谍咆，這就是HTML的層級(jí)關(guān)系。
HTML的組成
標(biāo)簽和元素
標(biāo)簽：
在HTML文檔中私股，夾在尖括號(hào)<>中間的字母摹察，就叫“標(biāo)簽”。
1倡鲸、 標(biāo)簽通常是成對(duì)出現(xiàn)的：前面的是【開始標(biāo)簽】供嚎，比如<body>；后面的是【結(jié)束標(biāo)簽】，如</body>克滴。
2逼争、 偶爾也會(huì)有單獨(dú)出現(xiàn)的，比如：<meta charset="utf-8">（定義網(wǎng)頁(yè)編碼格式為 utf-8）
元素：
開始標(biāo)簽+結(jié)束標(biāo)簽+中間的所有內(nèi)容劝赔，它們?cè)谝黄鹁徒M成了“元素”
網(wǎng)頁(yè)頭和網(wǎng)頁(yè)體
HTML文檔的最外層標(biāo)簽一定是<html>誓焦，里面嵌套著<head>元素與<body>元素。<head>元素代表了【網(wǎng)頁(yè)頭】着帽，<body>元素代表了【網(wǎng)頁(yè)體】杂伟，這是最基本的網(wǎng)頁(yè)結(jié)構(gòu)。
【網(wǎng)頁(yè)頭】
網(wǎng)頁(yè)頭的內(nèi)容不會(huì)被直接呈現(xiàn)在瀏覽器里的網(wǎng)頁(yè)正文中仍翰。
具體包含內(nèi)容及解釋如下：
<head>
<meta charset="utf-8"> #定義了HTML文檔的字符編碼
<title>我是網(wǎng)頁(yè)的名字</title> #用來定義網(wǎng)頁(yè)的標(biāo)題赫粥，這個(gè)標(biāo)題就是顯示在瀏覽器的標(biāo)簽頁(yè)中的內(nèi)容
</head>
【網(wǎng)頁(yè)體】
就是那些能看到的顯示在網(wǎng)頁(yè)中的內(nèi)容
屬性
注意：HTML的屬性和Python中的屬性不是一個(gè)東西，不要搞混歉备。
HTML標(biāo)簽可以通過設(shè)置【屬性】來為HTML元素描述更多的信息傅是。比如增加顏色，鏈接等蕾羊。
style屬性
用途：
可以用來定義網(wǎng)頁(yè)文本的樣式，比如字體大小帽驯、顏色龟再、間距、對(duì)齊方式等等尼变。
寫法是：
<h1 style="color:#20b2aa;">這個(gè)書苑不太冷</h1>
href屬性
用途：
可以用來添加鏈接利凑。
在HTML中，鏈接一般都由<a>標(biāo)簽定義嫌术，href屬性用于規(guī)定指向頁(yè)面的URL哀澈。
寫法是：
<a >我是一個(gè)鏈接，點(diǎn)我試試</a>
Class屬性
用途：
查找度气、定位元素割按，或者為元素設(shè)置樣式
寫法是：
出現(xiàn)在網(wǎng)頁(yè)頭里的下述內(nèi)容：
<style>
.book {
/以下是.book的具體樣式規(guī)定/
float: left; /控制元素浮動(dòng)/
margin: 5px; /外邊距為5像素/
padding: 15px; /內(nèi)邊距為15像素/
width: 350px; /寬度為350像素/
height: 240px; /高度為240像素/
border: 3px solid #20b2aa; /邊框?yàn)?像素/
}
</style>
與出現(xiàn)在網(wǎng)頁(yè)體里的： <div class="book">
二者一個(gè)是網(wǎng)頁(yè)頭里的.book；一個(gè)是網(wǎng)頁(yè)體里的<div class="book">磷籍。其實(shí).對(duì)應(yīng)class适荣，所以.book代表class book。因此院领，網(wǎng)頁(yè)頭中的.book和網(wǎng)頁(yè)體中的class="book"是有聯(lián)系的弛矛。
在網(wǎng)頁(yè)頭里面，定義了class屬性比然，屬性值為"book"丈氓，然后下面一長(zhǎng)串代碼是對(duì)這個(gè)class屬性的描述；接著再在網(wǎng)頁(yè)體中調(diào)用，所以看到了<div class="book">万俗。網(wǎng)頁(yè)頭的<style>元素中定義了.book的樣式湾笛，
因此，凡是class="book"的元素都會(huì)繼承它的樣式该编。假如想在這個(gè)頁(yè)面中多加一些書籍的介紹迄本，只要在網(wǎng)頁(yè)體中增加一些class="book" 的div元素就好了
id屬性
用途：
查找、定位元素课竣，或者為元素設(shè)置樣式嘉赎。
與Class不同之處在于，id屬性用于標(biāo)識(shí)唯一的元素于樟，而class用于標(biāo)識(shí)一系列的元素公条。id就像是學(xué)生的學(xué)生證號(hào)碼，每個(gè)人都是唯一的迂曲；而學(xué)生們可以屬于同一個(gè)班級(jí)靶橱，班級(jí)就像class。
實(shí)操：制作本地網(wǎng)頁(yè)（源代碼）
1路捧、請(qǐng)求網(wǎng)頁(yè)的源代碼关霸，并且將源代碼保存到本地
寫法：
import requests
res=requests.get('https://localprod.pandateacher.com/python-manuscript/crawler-html/spider-men5.0.html')
article=res.text
k=open('書苑.txt','a+')
k.write(article)
k.close()
2、把上述請(qǐng)求到的HTML源文件復(fù)制粘貼杰扫，在vscode中保存為后綴為.html 的文檔队寇，它就是一個(gè)保存在你本地中的網(wǎng)頁(yè)了。.html這種文件格式章姓，可以用瀏覽器打開佳遣。這就好比MP3文件用音樂播放器打開，txt用記事本打開一樣凡伊。
