前端基礎之HTML

import socket

sk = socket.socket()
sk.bind(("127.0.0.1",8800))
sk.listen(5)
while 1:
conn, addr = sk.accept()
data = conn.recv(1024) #接收訊息
conn.send(b'http/1.1 200 ok\r\n\r\n') #http 格式
# 從檔案中讀取
with open('data.html','rb') as f:
msg = f.read()
conn.send(msg)
conn.close()

html使用標籤來描述網頁。

宣告為html5文件。

、是文件的開始標記和結束的標記。是html頁面的根元素，在它們之間是文件的頭部（head）和主體（body）。

定義了html文件的開頭部分。它們之間的內容不會在瀏覽器的文件視窗顯示。包含了文件的元（meta）資料。

、定義了網頁標題，在瀏覽器標題欄顯示。

、之間的文字是可見的網頁主體內容。

注意：對於中文網頁需要使用宣告編碼，否則會出現亂碼。有些瀏覽器會設定 gbk 為預設編碼，則你需要設定為。

標籤的語法：

幾個很重要的屬性：

宣告位於文件中的最前面的位置，處於 標籤之前。此標籤可告知瀏覽器文件使用哪種 html 或 xhtml 規範。

作用：宣告文件的解析型別(document.compatmode)，避免瀏覽器的怪異模式。

document.compatmode：

backcompat：怪異模式，瀏覽器使用自己的怪異模式解析渲染頁面。

css1compat：標準模式，瀏覽器使用w3c的標準解析渲染頁面。

這個屬性會被瀏覽器識別並使用，但是如果你的頁面沒有doctype的宣告，那麼compatmode預設就是backcompat

☞☞標籤

meta標籤介紹：

標籤位於文件的頭部，不包含任何內容。

提供的資訊是使用者不可見的。

meta標籤的組成：

meta標籤共有兩個屬性，它們分別是http-equiv屬性和name屬性，不同的屬性又有不同的引數值，這些不同的引數值就實現了不同的網頁功能。 

1.http-equiv屬性：相當於http的檔案頭作用，它可以向瀏覽器傳回一些有用的資訊，以幫助正確地顯示網頁內容，與之對應的屬性值為content，content中的內容其實就是各個引數的變數值。

meta標籤

和上面的是一樣的，都是指定編碼的

2.name屬性：主要用於描述網頁，與之對應的屬性值為content,content中的內容主要是便於搜尋引擎機械人查詢資訊和分類資訊用的。

基本標籤

: n的取值範圍是1~6; 從大到小. 用來表示標題.

: 段落標籤. 包裹的內容被換行.並且也上下內容之間有一行空白.: 加粗標籤.
: 為文字加上一條中線.
: 文字變成斜體.
和: 上角標 和 下角表.
:換行.
:水平線
特殊字元：

《海燕練習哈》你好啊

你好啊你好啊
haiyan haiyan haiyan    haiyan
《靜夜思》
床前明月光
疑是地上霜
舉頭望明月
低頭思故鄉
《靜夜思》
床前明月光
疑是地上霜
舉頭望明月
低頭思故鄉
zzzzzzzz
常用標籤練習

標籤的分類一：

自閉合標籤：單標籤

閉合標籤：雙標籤

標籤的分類二：

塊級標籤：就是獨佔一行，可以自行設定寬高！如：先學到的 div,p,h1-h6

內聯標籤：按內容佔位，高度和廣度是由自己的內容填充的 如： a,br,img

判斷塊級標籤和內聯標籤的方法：

1.是否獨佔一行（可以通過設定背景顏色去判斷）

2.是否可以單獨為元素設定高度和寬度。

div標籤用來定義乙個塊級元素，並無實際的意義。主要通過css樣式為其賦予不同的表現。

span標籤用來定義內聯(行內)元素，並無實際的意義。主要通過css樣式為其賦予不同的表現。

塊級元素與行內元素的區別：

所謂塊元素，是以另起一行開始渲染的元素，行內元素則不需另起一行。如果單獨在網頁中插入這兩個元素，不會對頁面產生任何的影響。

這兩個元素是專門為定義css樣式而生的。

注意：

關於標籤巢狀：通常塊級元素可以包含內聯元素或某些塊級元素，但內聯元素不能包含塊級元素，它只能包含其它內聯元素。

p標籤不能包含塊級標籤，p標籤也不能包含p標籤-----(包含則自動識別成兩個標籤並行)。

img標籤

click

絕對 url - 指向另乙個站點（比如 href="
相對 url - 指當前站點中確切的路徑（href="index.htm"）
錨 url - 指向頁面中的錨（href="#top"）

_blank表示在新標籤頁中開啟目標網頁

_self表示在當前標籤頁中開啟目標網頁

列表

前端基礎之HTML

html 作為超文字標記語言主要是用來製作靜態頁面 html有標準 html4 標籤 原生標籤.標籤 橫線.結構標籤 字型標籤 使用 文字 標籤的屬性 標籤 屬性名 屬性值 屬性名 屬性值 段落標籤 p標籤 字型加粗標籤 b標籤 字型斜體標籤 i標籤 字型下劃線 u標籤 居中標籤 標籤 html的標...

前端基礎之HTML

目錄web服務的本質 響應格式 響應狀態碼 請求方式 post請求 xml也可以書寫前端頁面，主要用於odoo框架中，書寫企業內部管理軟體 html注釋 由於html頁面結構比較複雜，內容比較多，不便於後期的維護，修改，通常在寫頁面的時候，習慣用下面的方式來人為的劃分 區域 html文件結構 hea...

前端基礎HTML基礎之CSS

一 id選擇器 class選擇器 標籤選擇器 屬性選擇器 組合選擇器 設定css樣式有三種，第一種是通過在head中style定義選擇器，寫css樣式 第二種通過在標籤中新增屬性的方式定義css樣式 style background color black 第三中方式通過定義css樣式表 三種樣式定...