資訊專欄INFORMATION COLUMN
摘要：是一種基礎(chǔ)技術(shù)，常與一起被眾多網(wǎng)站用于設(shè)計(jì)令人賞心悅目的網(wǎng)頁(yè)網(wǎng)頁(yè)應(yīng)用程序以及移動(dòng)應(yīng)用程序的用戶界面。此元素告訴瀏覽器其自身是一個(gè)文檔，在它們之間是文檔的頭部和主體。此標(biāo)簽可告知瀏覽器文檔使用哪種或規(guī)范。這兩個(gè)元素是專門為定義樣式而生的。
【web前端】HTML基礎(chǔ) 一、BS模式
BS(Browser-Server)模式：顧名思義為瀏覽器-服務(wù)器的意思，對(duì)比的話類似我們PC上面瀏覽器使用的產(chǎn)品即為BS模式產(chǎn)品，例如google doc、各類網(wǎng)站等。
服務(wù)端開啟一個(gè)socke進(jìn)程
#!/usr/bin/env python
# -*- coding:utf-8 -*-
import socket
def main():
sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM)
sock.bind(("localhost",8082))
sock.listen(5)
while True:
print("server is working.....")
conn, address = sock.accept()
request = conn.recv(1024)
conn.sendall(bytes("HTTP/1.1 201 OK
Hello world
","utf8"))
conn.close()
if __name__ == "__main__":
main()
瀏覽器輸入127.0.0.1:8082訪問到對(duì)應(yīng)的網(wǎng)站
二、HTML的定義Hello world
超文本標(biāo)記語(yǔ)言（英語(yǔ)：HyperText Markup Language，簡(jiǎn)稱：HTML）是一種用于創(chuàng)建網(wǎng)頁(yè)的標(biāo)準(zhǔn)標(biāo)記語(yǔ)言。可以簡(jiǎn)單理解為一套規(guī)則，瀏覽器認(rèn)識(shí)的規(guī)則。
HTML是一種基礎(chǔ)技術(shù)，常與CSS、JavaScript一起被眾多網(wǎng)站用于設(shè)計(jì)令人賞心悅目的網(wǎng)頁(yè)、網(wǎng)頁(yè)應(yīng)用程序以及移動(dòng)應(yīng)用程序的用戶界面。網(wǎng)頁(yè)瀏覽器可以讀取HTML文件，并將其渲染成可視化網(wǎng)頁(yè)。HTML描述了一個(gè)網(wǎng)站的結(jié)構(gòu)語(yǔ)義隨著線索的呈現(xiàn)，使之成為一種標(biāo)記語(yǔ)言而非編程語(yǔ)言。需要注意的是，對(duì)于不同的瀏覽器，對(duì)同一標(biāo)簽可能會(huì)有不完全相同的解釋（兼容性）。
靜態(tài)網(wǎng)頁(yè)文件擴(kuò)展名：.html 或 .htm
三、HTML的結(jié)構(gòu)pcharm創(chuàng)建出來的默認(rèn)html文檔
網(wǎng)頁(yè)標(biāo)題
告訴瀏覽器使用什么樣的html或者xhtml來解析html文檔 是文檔的開始標(biāo)記和結(jié)束標(biāo)記。此元素告訴瀏覽器其自身是一個(gè) HTML 文檔，在它們之間是文檔的頭部和主體。 元素出現(xiàn)在文檔的開頭部分。與之間的內(nèi)容不會(huì)在瀏覽器的文檔窗口顯示，但是其間的元素有特殊重要的意義。四、HTML的標(biāo)簽格式定義網(wǎng)頁(yè)標(biāo)題，在瀏覽器標(biāo)題欄顯示。 之間的文本是可見的網(wǎng)頁(yè)主體內(nèi)容
標(biāo)簽的語(yǔ)法：
五、常用標(biāo)簽 1. 標(biāo)簽<標(biāo)簽名 屬性1=“屬性值1” 屬性2=“屬性值2”……>內(nèi)容部分
<標(biāo)簽名 屬性1=“屬性值1” 屬性2=“屬性值2”…… />
聲明位于文檔中的最前面的位置，處于 標(biāo)簽之前。此標(biāo)簽可告知瀏覽器文檔使用哪種 HTML 或 XHTML 規(guī)范。
作用：聲明文檔的解析類型(document.compatMode)，避免瀏覽器的怪異模式。
document.compatMode：
BackCompat：怪異模式，瀏覽器使用自己的怪異模式解析渲染頁(yè)面。
CSS1Compat：標(biāo)準(zhǔn)模式，瀏覽器使用W3C的標(biāo)準(zhǔn)解析渲染頁(yè)面。
這個(gè)屬性會(huì)被瀏覽器識(shí)別并使用，但是如果你的頁(yè)面沒有DOCTYPE的聲明，那么compatMode默認(rèn)就是BackCompat
meta介紹
元素可提供有關(guān)頁(yè)面的元信息（meta-information），針對(duì)搜索引擎和更新頻度的描述和關(guān)鍵詞。
標(biāo)簽位于文檔的頭部，不包含任何內(nèi)容。
提供的信息是用戶不可見的
meta標(biāo)簽的組成：meta標(biāo)簽共有兩個(gè)屬性，它們分別是http-equiv屬性和name 屬性，不同的屬性又有不同的參數(shù)值，這些不同的參數(shù)值就實(shí)現(xiàn)了不同的網(wǎng)頁(yè)功能。
name屬性: 主要用于描述網(wǎng)頁(yè)，與之對(duì)應(yīng)的屬性值為content，content中的內(nèi)容主要是便于搜索引擎機(jī)器人查找信息和分類信息用的。
http-equiv屬性：相當(dāng)于http的文件頭作用，它可以向?yàn)g覽器傳回一些有用的信息，以幫助正確地顯示網(wǎng)頁(yè)內(nèi)容，與之對(duì)應(yīng)的屬性值為content，content中的內(nèi)容其實(shí)就是各個(gè)參數(shù)的變量值。
//(注意后面的引號(hào)，分別在秒數(shù)的前面和網(wǎng)址的后面)2.2 非meta標(biāo)簽
3. 內(nèi)常用標(biāo)簽 3.1 基本標(biāo)簽（塊級(jí)標(biāo)簽和內(nèi)聯(lián)標(biāo)簽）jd
塊級(jí)元素(block)特性：
總是獨(dú)占一行，表現(xiàn)為另起一行開始，而且其后的元素也必須另起一行顯示;
寬度(width)、高度(height)、內(nèi)邊距(padding)和外邊距(margin)都可控制;
內(nèi)聯(lián)元素(inline)特性：
和相鄰的內(nèi)聯(lián)元素在同一行;
寬度(width)、高度(height)、內(nèi)邊距的top/bottom(padding-top/padding-bottom)和外邊距的top/bottom(margin-top/margin-bottom)都不可改變，就是里面文字或圖片的大小;
塊級(jí)元素主要有： address , blockquote , center , dir , div , dl , fieldset , form , h1 , h2 , h3 , h4 , h5 , h6 , hr , isindex , menu , noframes , noscript , ol , p , pre , table , ul , li
內(nèi)聯(lián)元素主要有： a , abbr , acronym , b , bdo , big , br , cite , code , dfn , em , font , i , img , input , kbd , label , q , s , samp , select , small , span , strike , strong , sub , sup ,textarea , tt , u , var 可變?cè)?根據(jù)上下文關(guān)系確定該元素是塊元素還是內(nèi)聯(lián)元素)： applet ,button ,del ,iframe , ins ,map ,object , script
3.2: n的取值范圍是1~6; 從大到小. 用來表示標(biāo)題. : 段落標(biāo)簽. 包裹的內(nèi)容被換行.并且也上下內(nèi)容之間有一行空白. : 加粗標(biāo)簽.
: 為文字加上一條中線. : 文字變成斜體. 和: 上角標(biāo) 和 下角標(biāo).
:換行.
:水平線 特殊字符： < >；"；©®
塊級(jí)元素與行內(nèi)元素的區(qū)別
所謂塊元素，是以另起一行開始渲染的元素，行內(nèi)元素則不需另起一行。如果多帶帶在網(wǎng)頁(yè)中插入這兩個(gè)元素，不會(huì)對(duì)頁(yè)面產(chǎn)生任何的影響。
這兩個(gè)元素是專門為定義CSS樣式而生的。
Title
yuan
span
3.3 超鏈接標(biāo)簽(錨標(biāo)簽):
什么是超級(jí)鏈接？ 所謂的超鏈接是指從一個(gè)網(wǎng)頁(yè)指向一個(gè)目標(biāo)的連接關(guān)系，這個(gè)目標(biāo)可以是另一個(gè)網(wǎng)頁(yè)，也可以是相同網(wǎng)頁(yè)上 的不同位置，還可以是一個(gè)圖片，一個(gè)電子郵件地址，一個(gè)文件，甚至是一個(gè)應(yīng)用程序。
click
href屬性指定目標(biāo)網(wǎng)頁(yè)地址。該地址可以有幾種類型：
絕對(duì) URL - 指向另一個(gè)站點(diǎn)（比如 href="http://www.jd.com）
相對(duì) URL - 指當(dāng)前站點(diǎn)中確切的路徑（href="index.htm"）
錨 URL - 指向頁(yè)面中的錨（href="#top"）
補(bǔ)充：
什么是URL？ URL是統(tǒng)一資源定位器(Uniform Resource Locator)的縮寫，也被稱為網(wǎng)頁(yè)地址，是因特網(wǎng)上標(biāo)準(zhǔn)的資源的地址。 URL舉例 http://www.sohu.com/stu/intro.html http://222.172.123.33/stu/intro.html URL地址由4部分組成 第1部分：為協(xié)議：http://、ftp://等 第2部分：為站點(diǎn)地址：可以是域名或IP地址 第3部分：為頁(yè)面在站點(diǎn)中的目錄：stu 第4部分：為頁(yè)面名稱，例如 index.html 各部分之間用“/”符號(hào)隔開。3.4 圖形標(biāo)簽:
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/51047.html
摘要：是一種基礎(chǔ)技術(shù)，常與一起被眾多網(wǎng)站用于設(shè)計(jì)令人賞心悅目的網(wǎng)頁(yè)網(wǎng)頁(yè)應(yīng)用程序以及移動(dòng)應(yīng)用程序的用戶界面。此元素告訴瀏覽器其自身是一個(gè)文檔，在它們之間是文檔的頭部和主體。此標(biāo)簽可告知瀏覽器文檔使用哪種或規(guī)范。這兩個(gè)元素是專門為定義樣式而生的。 【web前端】HTML基礎(chǔ) 一、BS模式 BS(Browser-Server)模式：顧名思義為瀏覽器-服務(wù)器的意思，對(duì)比的話類似我們PC上面瀏覽器使用...
摘要：，簡(jiǎn)稱為，是一種腳本語(yǔ)言，和配合使用，提供給用戶的只是一種靜態(tài)的信息，缺少交互性。這就是網(wǎng)頁(yè)的三大基本組成。父節(jié)點(diǎn)擁有子節(jié)點(diǎn)，同級(jí)的子節(jié)點(diǎn)被稱為兄弟節(jié)點(diǎn)。選擇屬于其父節(jié)點(diǎn)的首個(gè)節(jié)點(diǎn)的每個(gè)節(jié)點(diǎn)。同上，從最后一個(gè) 上一篇文章：Python3網(wǎng)絡(luò)爬蟲實(shí)戰(zhàn)---15、爬蟲基礎(chǔ)：HTTP基本原理下一篇文章：Python3網(wǎng)絡(luò)爬蟲實(shí)戰(zhàn)---17、爬蟲基本原理 我們平時(shí)用瀏覽器訪問網(wǎng)站的時(shí)候，一個(gè)...
摘要：在前面我們講到了和的概念，我們向網(wǎng)站的服務(wù)器發(fā)送一個(gè)，返回的的便是網(wǎng)頁(yè)源代碼。渲染頁(yè)面有時(shí)候我們?cè)谟没蜃ト【W(wǎng)頁(yè)時(shí)，得到的源代碼實(shí)際和瀏覽器中看到的是不一樣的。所以使用基本請(qǐng)求庫(kù)得到的結(jié)果源代碼可能跟瀏覽器中的頁(yè)面源代碼不太一樣。 上一篇文章：Python3網(wǎng)絡(luò)爬蟲實(shí)戰(zhàn)---16、Web網(wǎng)頁(yè)基礎(chǔ)下一篇文章：Python3網(wǎng)絡(luò)爬蟲實(shí)戰(zhàn)---18、Session和Cookies 爬蟲，即網(wǎng)...
摘要：課程簡(jiǎn)介簡(jiǎn)明易懂的課程，不僅適用于那些有其它語(yǔ)言基礎(chǔ)的同學(xué)，對(duì)沒有編程經(jīng)驗(yàn)的同學(xué)也非常友好。建議遵守以下約定使用個(gè)空格來縮進(jìn)永遠(yuǎn)不要混用空格和制表符在函數(shù)之間空一行在類之間空兩行字典，列表，元組以及參數(shù)列表中，在后添加一個(gè)空格。 showImg(https://segmentfault.com/img/bVCldE); 課程簡(jiǎn)介：簡(jiǎn)明易懂的 Python3 課程，不僅適用于那些有其它語(yǔ)...
閱讀 2649·2021-10-14 09:47
閱讀 4946·2021-09-22 15:52
閱讀 3366·2019-08-30 15:53
閱讀 1461·2019-08-30 15:44
閱讀 691·2019-08-29 16:41
閱讀 1662·2019-08-29 16:28
閱讀 451·2019-08-29 15:23
閱讀 1632·2019-08-26 12:20
