Python【HTML基礎】

時間 2019-11-20

標籤 python HTML基礎欄目 Python 简体版

原文原文鏈接

HTML基礎html

HTML（Hyper Text Markup Language）超文本標記語言python

#HTML是一種用來描述網頁的語言，HTML之於網頁就比如建築圖紙之於建築瀏覽器

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ide

查看網頁HTML代碼wordpress

#源代碼和網頁分開在兩個頁面展現字體

在網頁任意地方點擊鼠標右鍵，而後點擊「顯示網頁源代碼」。編碼

（Windows系統的電腦還可使用快捷鍵ctrl+u來查看網頁源代碼）url

#源代碼和網頁在一個頁面展現spa

在網頁的空白處點擊右鍵，而後選擇「檢查」（快捷方式是ctrl+shift+i）或者F12htm

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

HTML的層級

HTML源代碼中有一些小三角形，每個三角形均可以展開或合上。

尖角向下表明展開，向右表明合上了，這就是HTML的層級關係

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

HTML的組成

標籤和元素

尖括號<>中間的字母，它們叫作【標籤】

成對出現

前面的是【開始標籤】，好比<body>；

後面的是【結束標籤】，如</body>

有標籤是孑然一身地出現

#HTML標籤是能夠嵌套標籤的，並且能夠多層嵌套；

這就像是在電腦中，一個硬盤能夠包含數個文件夾，文件夾中還能夠嵌套文件夾。

開始標籤+結束標籤+中間的全部內容，它們在一塊兒就組成了【元素】。

######################################################################

網頁頭和網頁體

HTML文檔的基本是由【網頁頭】和【網頁體】組成

【網頁頭】的內容不會被直接呈如今瀏覽器裏的網頁正文中

【網頁體】的內容是會直接顯示在網頁正文中的

屬性

style屬性

<h1 style="color:#20b2aa;">這個書苑不太冷</h1>

屬性一般都是在HTML元素的開始標籤中設置

style屬性能夠用來定義網頁文本的樣式，好比字體大小、顏色、間距、對齊方式等等

href屬性

添加連接

<a href="https://wordpress-edu-3autumn.localprod.forc.work/">我是一個連接，點我試試</a>

連接通常都由<a>標籤訂義，href屬性用於規定指向頁面的URL

class屬性

在HTML中，class屬性也能夠被屢次利用

<style>

.book {

/*如下是.book的具體樣式規定*/

float: left; /*控制元素浮動*/

margin: 5px; /*外邊距爲5像素*/

padding: 15px; /*內邊距爲15像素*/

width: 350px; /*寬度爲350像素*/

height: 240px; /*高度爲240像素*/

border: 3px solid #20b2aa; /*邊框爲3像素*/

}

</style>

.對應class，因此.book表明class book

網頁頭中的.book和網頁體中的class="book"是有聯繫

網頁頭裏面，定義了class屬性，屬性值爲"book"

下面一長串代碼是對這個class屬性的描述

再在網頁體中調用，因此看到了<div class="book">

id屬性

和class屬性的用法相似，

給元素定義id和class的目的都是爲了查找、定位元素，或者爲元素設置樣式

區別

id屬性用於標識惟一的元素(id就像是學生的學生證號碼，每一個人都是惟一的)

class用於標識一系列的元素(而學生們能夠屬於同一個班級，班級就像class)

####################################################################

獲取數據

import requests

res = requests.get('https://localprod.pandateacher.com/python-manuscript/crawler-html/spider-men5.0.html')

url = res.text

k = open('url.txt', 'w')

k.write(url)

k.close()

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。