前端知識之HTML部分
阿新 • • 發佈：2018-03-12
前端知識之HTML部分
1、web服務的本質
瀏覽器發請求-->HTTP協議-->服務端接收請求-->服務端返回響應-->服務端把HTML文件內容發給瀏覽器-->瀏覽器渲染頁面
之前學過用python方式實現C/S建立socket通信，瀏覽器與服務端實現通信是B/S架構
服務端代碼：
import socket
server=socket.socket()
server.bind(("127.0.0.1", 8081))
server.listen(5)
while True:
conn, addr = server.accept()
data = conn.recv(8096)
conn.send(b"HTTP/1.1 200 OK\r\n\r\n")
conn.send(b"<h1>Hello world!</h1>")
conn.close()
瀏覽器：
http://127.0.0.1:8081/
結果：
Hello world!
2、HTML是什麽
HTML：超文本標記語言（Hypertext Markup Language）是一種用於創建網頁的標記語言。不是編程語言，跟我們使用的python不1
本質上是瀏覽器可識別的規則，我們按照規則寫網頁，瀏覽器根據規則渲染我們的網頁。
對於不同的瀏覽器，對同一個標簽可能會有不同的解釋。（兼容性問題）
網頁文件的擴展名：.html或.htm
3、HTML文檔結構
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
</body>
</html>
1)<!DOCTYPE html>聲明為HTML5文檔。必須是HTML文檔的第一行，它是指示web瀏覽器關於頁面使用哪個HTML版本進行編寫的指令
2)<html>、</html>是文檔的開始標記和結束的標記。是HTML頁面的根元素，在它們之間是文檔的頭部（head）和主體（body）。
3)<head>、</head>定義了HTML文檔的開頭部分。它們之間的內容不會在瀏覽器的文檔窗口顯示。包含了文檔的元（meta）數據。
4)<title>、</title>定義了網頁標題，在瀏覽器標題欄顯示。
5)<body>、</body>之間的文本是可見的網頁主體內容。
註意：對於中文網頁需要使用 <meta charset="utf-8"> 聲明編碼，否則會出現亂碼。
有些瀏覽器會設置 GBK 為默認編碼，則你需要設置為 <meta charset="gbk">。
4、HTML標簽格式
HTML標簽是由尖括號包圍的關鍵字，如<html>, <div>等
HTML標簽通常是成對出現的，比如：<div>和</div>，第一個標簽是開始，第二個標簽是結束。結束標簽會有斜線。
也有一部分標簽是單獨呈現的，比如：<br/>、<hr/>、<img src="1.jpg" />等。
標簽裏面可以有若幹屬性，也可以不帶屬性。
標簽的語法：
<標簽名 屬性1=“屬性值1” 屬性2=“屬性值2”……>內容部分</標簽名>
<標簽名 屬性1=“屬性值1” 屬性2=“屬性值2”…… />
幾個很重要的屬性：
id：定義標簽的唯一ID，HTML文檔樹中唯一
class：為html元素定義一個或多個類名（classname）(CSS樣式類名)
style：規定元素的行內樣式（CSS樣式）
5、HTML註釋
<!--註釋內容-->(在pycharm裏面還是command+/快捷鍵)前端知識之HTML部分