標籤：解釋 網頁 border styles 描述 多少 class info 模式
WEB服務本質
# coding=utf-8
import socket
def main():
sock = socket.socket()
sock.bind((‘127.0.0.1‘,8800))
sock.listen(5)
while True:
conn,addr = sock.accept()
print(‘from conn:‘,conn)
while 1:
receive = conn.recv(1024)
print(receive.decode(‘utf8‘))
f = open(‘html1.html‘,‘r‘)
se = f.read()
conn.send((‘HTTP/1.1 201 OK\r\n\r\n%s‘%se).encode(‘utf8‘))
conn.close()
if __name__ == ‘__main__‘:
main()
html 是什嗎？
1. 超文字標記語言 (HTML)（Hypertext Markup Language，HTML）通過標籤語言來標記要顯示的網頁中的各個部分。一套規則，瀏覽器認識的規則
2. 瀏覽器按順序渲染網頁檔案，然後根據標記符解釋和顯示內容。但需要注意的是，對於不同的瀏覽器，對同一標籤可能會有不完全相同的解釋（相容性）
3. 靜態網頁副檔名：.html 或 .htm
html不是什嗎？
HTML不是一種程式設計語言，而是一種標記語言（markup language）
HTML使用標記標籤來描述網頁
html結構：
<!DOCTYPE html>告訴瀏覽器使用什麼樣的html或者XHTML來解析html文檔
<html> HTML檔案聲明開始 <head> <meta charset="UTF-8"/> <title>網頁標題</tile> </head> <body> 檔案體 </body> </html>
<html></html>是文檔的開始標記和結束標記。此元素告訴瀏覽器其自身是一個 HTML 文檔，在它們之間是文檔的頭部<head>和主體<body>。
<head></head>元素出現在文檔的開頭部分。<head>與</head>之間的內容不會在瀏覽器的文件視窗顯示，但是其間的元素有特殊重要的意義。
<title></title>定義網頁標題，在瀏覽器標題列顯示。
<body></body>之間的文本是可見的網頁主體內容
html標籤格式：
標籤的文法：
<標籤名 屬性1=“屬性值1” 屬性2=“屬性值2”……>內容部分</標籤名>
<標籤名 屬性1=“屬性值1” 屬性2=“屬性值2”…… />
常用標籤：
<!DOCTYPE>聲明位於文檔中的最前面的位置，處於<html>標籤之前。此標籤可告知瀏覽器使用哪種html或XHTML規範。
作用：聲明文檔的解析類型，避免瀏覽器的怪異模式。
document.compatMode：
這個屬性會被瀏覽器識別並使用，但如果你的頁面沒有DOCTYPE的聲明，那麼compatMode預設就是BackCompat。
<head>內常用標籤
<meta>標籤
meta介紹：
<meta>元素可提供有關頁面的元資訊（meta-information），針對搜尋引擎和更新頻度的描述
和關鍵詞。
<meta>標籤位於文檔的頭部，不包含任何內容。
<meta>提供的資訊是使用者不可見的
meta標籤的組成：
meta標籤共有兩個屬性，它們分別是http-equiv屬性和name 屬性，不同的屬性又有不同的參數
值，這些不同的參數值就實現了不同的網頁功能。
（1）name屬性：主要用於描述網頁，與之對應的屬性值為content，content中的內容主要是
便於搜尋引擎機器人尋找資訊和分類資訊用的。
<meta name="keyword" content="meta總結,html meta,meta屬性,meta跳轉"><meta name="description" content="老男孩機構是由一個很老的男孩建立的">
（2）http-equiv屬性：
<meta http-equiv="Refresh" content="2;URL=https://www.oldboy.com"> //(注意後面的引號，分別在秒數的前面和網址的後面) <meta http-equiv="content-Type" charset=UTF8"> <meta http-equiv = "X-UA-Compatible" content = "IE=EmulateIE7" />
非meta標籤：
<title>oldboy</title> <link rel="icon" href="http://www.jd.com/favicon.ico"> <link rel="stylesheet" href="css.css"> <script src="hello.js"></script>
<body>內常用標籤
基本標籤（塊級標籤和內聯標籤）
<hn>: n的取值範圍是1~6；從大到小，用來表示標題<p>: 段落標籤.包裹的內容被換行，並且也上下內容之間有一行空白<b>or <strong>: 加粗標籤<strike>: 為文字加上一條中線<em>： 文字變成斜體<sup> and <sub>上角標 和 下角標<br>： 換行<hr>: 水平線特殊字元： < >；"；©®
<div> 和<span>
<div></div> ： <div>只是一個區塊層級元素，並無實際的意義。主要通過CSS樣式為其賦予不同的表現.
<span></span>： <span>表示了內聯行(行內元素),並無實際的意義,主要通過CSS樣式為其賦予不同的表現.
區塊層級元素與行內元素的區別：
所謂塊元素，是以另一行開始渲染的元素，行內元素則不需要另起一行。如果單獨在網頁中插
入這兩個元素，不會對頁面產生任何影響。
這連個元素是專門為定義CSS樣式而生的。
圖形標籤：<img>
src: 要顯示圖片的路徑alt: 圖片沒有載入成功時的提示title: 滑鼠懸浮時的提示資訊width: 圖片的寬height: 圖片的高（寬高兩個屬性只用一個會自動等比縮放）
超連結標籤(錨標籤)：<a></a>
什麼是超連結？
所謂的超連結是指從一個網頁指向另一個目標的連結關係，這個目標可以使另一個網頁也可以是相同網頁的不同位置，還可以是一個圖片，一個電子郵箱地址，一個檔案，甚至是一個應用程式。
什麼是URL？URL是統一資源定位器(Uniform Resource Locator)的縮寫，也被稱為網頁地址，是網際網路上標準的資源的地址。URL舉例http://www.sohu.com/stu/intro.htmlhttp://222.172.123.33/stu/intro.htmlURL地址由4部分組成第1部分：為協議：http://、ftp://等 第2部分：為網站地址：可以是網域名稱或IP地址第3部分：為頁面在網站中的目錄：stu第4部分：為頁面名稱，例如 index.html各部分之間用“/”符號隔開。
<a href="" target="_blank" >click</a>href屬性指定目標網頁地址。該地址可以有幾種類型： 絕對 URL - 指向另一個網站（比如 href="http://www.jd.com） 相對 URL - 指當前網站中確切的路徑（href="index.htm"） 錨 URL - 指向頁面中的錨（href="#top"）
列表標籤：
<ul>: 無序列表 [type屬性：disc(實心圓點)(預設)、circle(空心圓圈)、square(實心方塊)]<ol>: 有序列表 <li>:列表中的每一項.<dl> 定義列表 <dt> 列表標題 <dd> 清單項目
表格標籤：<table>
表格的概念：
表格是一個二維資料空間，一個表格由若干行組成，一個行又有若干儲存格組成，儲存格裡可以包含文字、列表、圖案、表單、數字記號、預置文本和其它的表格等內容。
表格最重要的目的是顯示表格類資料。表格類資料是指最適合組織為表格格式（即按行和列組織）的資料。
<table> <tr> <td>標題</td> <td>標題</td> </tr> <tr> <td>標題</td> <td>標題</td> </tr> <tr> <td>標題</td> <td>標題</td> </tr></table>
屬性：
<tr>: 表行
<th>: table head cell
<td>: table data cell
border: 表格邊框
cellpadding: 內邊框
cellspacing: 外邊框
width: 像素 百分比
rowspan: 儲存格豎跨多少行(縱向合併儲存格)
colspan：儲存格橫跨多少列(橫向合併儲存格)
HTML 初識
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
