前端基礎之html Day12

2022-08-09 06:48:12 字數 2816 閱讀 4107

import socket

def main():

sock = socket.socket(socket.af_inet, socket.sock_stream)

sock.bind(('localhost',8081))

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\r\n\r\n","utf8"))#請求頭 和請求體要有空行。

conn.close()

if __name__ == '__main__':

main()

超文字標記語言(hypertext markup language,html)通過標籤語言來標記要顯示的網頁中的各個部分。一套規則,瀏覽器認識的規則

瀏覽器按順序渲染網頁檔案,然後根據標記符解釋和顯示內容。但需要注意的是,對於不同的瀏覽器,對同一標籤可能會有不完全相同的解釋(相容性)

靜態網頁副檔名:.html 或 .htm

html 不是一種程式語言,而是一種標記語言 (markup language)

html 使用標記標籤來描述網頁

告訴瀏覽器使用什麼樣的html或者xhtml來解析html文件

是文件的開始標記和結束標記。此元素告訴瀏覽器其自身是乙個 html 文件,在它們之間是文件的頭部元素出現在文件的開頭部分。之間的內容不會在瀏覽器的文件視窗顯示,但是其間的元素有特殊重要的意義。

定義網頁標題,在瀏覽器標題欄顯示。

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

html標籤格式

《標籤名 屬性1=「屬性值1」 屬性2=「屬性值2」……>內容部分
3.2.1、!doctype標籤
宣告位於文件中的最前面的位置,處於 標籤之前。此標籤可告知瀏覽器文件使用哪種 html 或 xhtml 規範。

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

document.compatmode:

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

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

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

3.2.2、head內常用標籤

meta標籤

meta介紹

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

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

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

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

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

//(注意後面的引號,分別在秒數的前面和**的後面)

非meta標籤

oldboy

#標題的圖示展示

'''

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

: 段落標籤. 包裹的內容被換行.並且也上下內容之間有一行空白.: 加粗標籤.

: 為文字加上一條中線.

: 文字變成斜體.

和: 上角標 和 下角表.

:換行.

:水平線

特殊字元:

'''

: 只是乙個塊級元素,並無實際的意義。主要通過css樣式為其賦予不同的表現.

: 表示了內聯行(行內元素),並無實際的意義,主要通過css樣式為其賦予不同的表現.

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

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

巢狀的標準:
'''

src: 要顯示的路徑.

alt: 沒有載入成功時的提示.

title: 滑鼠懸浮時的提示資訊.

width: 的寬

height:的高 (寬高兩個屬性只用乙個會自動等比縮放.)

'''

什麼是超級鏈結?

'''

click

絕對 url - 指向另乙個站點(比如 href="

相對 url - 指當前站點中確切的路徑(href="index.htm")

錨 url - 指向頁面中的錨(href="#top")

'''

'''

示例:

定義:label 標籤為 input 元素定義標註(標記)。

說明:演示:

示例:

'''

登入吧'''

前端基礎之HTML

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

前端基礎之css

css 規則由兩個主要的部分構成 選擇器,以及一條或多條宣告。selector 例如 2.1 行內式 行內式是在標記的style屬性中設定css樣式。這種方式沒有體現出css的優勢,不推薦使用。hello michael 2.2 嵌入式 嵌入式是將css樣式集中寫在網頁的標籤對的標籤對中。格式如下 ...

前端基礎之HTML

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