HTML 基礎知識

2021-10-23 07:02:09 字數 3866 閱讀 3809

骨架

>

>

>

title

>

head

>

>

body

>

html

>

指定了當前的文件型別為 html5 版本,必須放在文件的最上面

標籤分類

雙標籤:《標籤名》

標籤關係

巢狀關係:

>

>

title

>

head

>

head 標籤和 title 標籤是巢狀關係

並列關係:

>

>

title

>

head

>

>

body

>

head 標籤和 body 標籤是並列關係

字元編碼

>

charset

="utf-8"

>

head

>

指定當前的文件字符集型別為 utf-8

常用標籤

名稱語法

說明標題標籤

標題名標題標籤有 6 個基本,因此 n 的取值為 1-6,取值越小,標籤越大

段落標籤

文字內容

段落標籤中的文字內容會根據瀏覽器的大小自動換行

水平線標籤

水平線標籤會在頁面上展示一條水平線

換行標籤

換行標籤能夠達到強制換行的效果,比如在乙個段落中,需要對文字進行強制換行,就可以使用換行標籤

盒子標籤

沒有任何語義,只是將頁面中的內容進行分割

盒子標籤

沒有任何語義,只是將頁面中的內容進行分割

標籤屬性

可以給任何乙個標籤新增屬性,乙個標籤可以新增多個屬性,多個屬性之間用空格間隔。每乙個屬性都有預設的屬性值,如果屬性省略了屬性值,就會使用預設屬性值。

標籤名

屬性1=

"屬性值1"

屬性2="屬性值2"

…>

內容 標籤名

>

文字格式化標籤

標籤效果

文字以粗體顯示

文字以斜體顯示

文字以加刪除線顯示

文字以加下劃線顯示

標籤語法:

/>

屬性:

屬性說明

src影象路徑

alt不能顯示時替換的文字

title

滑鼠懸停時顯示的內容

width

的寬度height

的高度border

邊框的寬度

超連結標籤

href

="跳轉目標"

target

="彈出方式"

>

文字或a

>

href 屬性用於指定標籤的目標 url,如果沒有目標 url 時,屬性值可以使用 #。target 指定頁面的開啟方式,屬性值 seif 在當前頁面開啟,屬性值 blank 表示在新視窗開啟。

>

target

="_blank"

/>

head

>

可以使用 base 標籤來設定整個頁面超連結標籤的跳轉方式

無序列表

>

>

列表1li

>

>

列表2li

>

>

列表3li

>

ul>

顯示效果:

有序列表

>

>

列表1li

>

>

列表2li

>

>

列表3li

>

ol>

顯示效果:

列表項1

列表項2

列表項3

自定義列表

>

>

名詞1dt

>

>

名詞1解釋1dd

>

>

名詞1解釋2dd

>

>

名詞2dt

>

>

名詞2解釋1dd

>

>

名詞2解釋2dd

>

dl>

顯示效果:

名詞1

名詞1解釋1

名詞1解釋2

名詞2名詞2解釋1

名詞2解釋2

**標籤

>

>

>

表頭1th

>

>

表頭1th

>

tr>

>

>

內容1td

>

>

內容2td

>

...tr

>

...table

>

table 標籤用來定義乙個**,tr 標籤表示**的一行,必須巢狀在 table 標籤中。td 標籤表示**的乙個單元格,必須巢狀在 tr 標籤中。th 標籤表示表頭,可以巢狀在 table 標籤中,也可以簽到在 tr 表中。

屬性說明

屬性值border

設定**邊框的寬度(預設值為 0)

畫素cellspacing

設定單元格邊框的空白間隙

畫素(預設 2 畫素)

cellpadding

設定單元格內容與單元格邊框的間隙

畫素(預設 1 畫素)

width

設定**的寬度

畫素height

設定**的高度

畫素align

設定**的對其方式

left、center、right

單元格內的文字

單元格內的文字

合併單元格:

rowspan 跨行合併

colspan 跨列合併

多**標籤

src=""

>

audio

>

>

src=""

/>

src=""

/>

src=""

/>

...audio

>

乙個 audio 標籤內部可以新增多個音訊源

src=""

>

video

>

>

src=""

/>

src=""

/>

src=""

/>

...video

>

表單

表單用來收集資料提交給伺服器,乙個表單由表單標籤、提示資訊標籤、表單域標籤三部分組成。表單標籤具有文字輸入,密碼輸入、複選、提交表單、重置表單的功能。

Html 基礎知識

1 html常用簡單複習 2 文字相關標籤 color size face align 預格式文字,讓文字保持原來風格,英雄本色 特殊字元 3 超連結 href target blank 相對路徑 絕對路徑 c documentsand settings administrator 桌面 nonam...

HTML基礎知識

html標籤分為兩種 單標籤和雙標籤 單標籤 用於一些特殊的含義 br 換行,hr 水平線。雙標籤 用來封裝資料,展示特殊的格式 如一些特殊的字型 大小 顏色 font body html都是以html作為根標籤,然後是head和body。一般head標籤裡去寫title meta標籤。其中titl...

html 基礎知識

html 軟體的結構 c s client server 結構的軟體 比如 qq 極品飛車 飛信 迅雷 cs結構軟體的優點 減輕服務端的壓力,而且可以大量儲存資料在客戶端。b s browser server 結構的軟體 比如 微博 webqq web飛信 web迅雷 缺點 增加了服務端的壓力,bs...