html知識點總結

2022-08-17 09:15:10 字數 3162 閱讀 4116

html常用標籤

一、頁面的頭部標記

1.標題標記

用於給網頁命名,當設定這個屬性之後,我們能直觀的在瀏覽器上看到網頁的名字。

2.元資訊標記

meta標籤的屬性

http-equiv 類似http的頭部協議,以鍵值對的形式出現,「鍵」由http-equiv設定專案,「值」由content屬性設定

name 以鍵值對的形式出現,「鍵」由name設定專案,「值」由content屬性設定

content根據http-equiv和name來設定對應的值

字元編碼的設定

語法:常見字符集是gb2132,表示為國際漢字碼,在實際應用中也常常使用utf-8編碼

重新整理頁面

語法:設定為refresh(重新整理),content用於設定重新整理時間,單位是秒。

頁面跳轉

語法:設定為refresh(重新整理),content用於設定重新整理時間,單位是秒,在重新整理的時候跳轉到目的位址所在的頁面

設定關鍵字

語法:keywords表示「關鍵字」設定專案,content用於設定具體的關鍵字,但是在實際情況中,如果輸入太多的關鍵字,可能會在網頁搜尋的時候被忽略,所以在設定關鍵字時要注意在這方面的精簡。

設定頁面描述資訊

語法:discription表示「描述」設定專案,content用於設定具體的描述語言

3.4.

5.二、頁面的主體標記

封裝頁面的主體內容,使用可以設定頁面正文顏色與背景顏色,頁面背景,頁面邊距,網頁鏈結顏色(未訪問的連線顏色,正在訪問的連線顏色,已經訪問過的連線顏色)等。

1.文字與段落標記

文字標記:

文字內容

普通文字可以直接通過鍵盤鍵入或拷貝的方式進行輸入到標籤中

空格在標籤中,不論我們鍵入多少個空格,在網頁顯示時都預設顯示乙個空格,所以為了在瀏覽器中顯示多個空格,可以使用空格對應的乙個字元**

語法: 

除了空格還有許多特殊文字無法直接輸入,也可以通過使用對應的字元實體來表示

在網頁中有一些內容我們只希望給程式設計的人員看到,不想它在瀏覽器中顯示出來可以使用注釋

語法:文字字型

預設情況下,中文網頁中的文字是以黑色,宋體,3號字的效果來顯示的。可以用來更改文字的顯示效果

語法:size設定文字大小,color設定文字顏色,face設定文字字型

2.標題字標記

語法:給文字新增標題語義,數字越大,字型越大。可以再其中設定文字對其方式,預設是左對齊。

3.文字的裝飾標記

使用較少

4.段落標記

語法:段落內容

段落內容

的雙標記會與上下文產生一空行的間距,單標記只會與上文產生一空行的間距,可設定對其方式

5.換行標記

語法:給一段文字強制性換行,兩個連續的

相當於的單標記

6.預格式化標記

語法:

讓文字與原來設定好的效果一樣,可以將空格保留下來

7.居中標記

語法:讓文字居中

8.縮排標記

語法:縮排文字

...預設情況下,有序列表的前導符是阿拉伯數字,可以通過type設定改變前導符

12.無序列表

專案列表:

語法:預設情況下,無序列表的前導符是實心圓點,可以通過type設定改變前導符

定義列表:

語法:名詞

解釋...

對名詞進行解釋,是一種具有兩個層次的列表,名詞為層次一,解釋為層次二

13.巢狀列表

指乙個列表項的定義中巢狀了另乙個列表的定義

14.標記

插入語法:

src表示插入的路徑,一般使用相對路徑

設定大小

語法:通過高寬來設定的大小

設定與周圍物件的邊距

語法:通過設定與周圍物件的水平距離和垂直距離來設定邊距

設定提示文字

語法:在還未載入好或無法載入時,對進行解釋說明

設定的對齊方式

語法:設定與周圍物件的對齊方式

設定的邊框

語法:給設定邊框

三、超連結

超連結標記

語法:源端點

源端點可以是文字,也可以是,滑鼠點選以後跳轉到目標端點處

超連結目標埠

預設情況下在當前視窗開啟,有時為了某種目的,希望超連結頁面在其他視窗,如新開乙個視窗中開啟,此時在我們建立超連結時就必須修改它的目標視窗,目標視窗的修改可以通過target來進行修改

超連結的連線路徑

絕對路徑

相對路徑

超連結的型別

根據目標短點的內容

內部鏈結

在同乙個**內部,不同網頁的鏈結,通常使用相對路徑

外部鏈結

在不同的**中,通常使用絕對路徑

書籤鏈結

目標端點為網頁中的某個書籤的鏈結

步驟:1.建立書籤

語法:標記中的內容可有可無,書簽名不能有空格

2.建立書籤鏈結

語法:源端點

rect表示矩形,circle表示圓形,poly表示多邊形

四、**

語法:...

...使用建立表頭

在**標記中可以設定**寬度width,高度height,邊框線border,對齊方式align,背景顏色bgcolor,背景background,**標題caption,單元格間距cellspacing和邊距cellpadding等**屬性

在標記中可以設定對齊方式align,行單元格背景顏色bgcolor,行邊框顏色bordercolor,單元格的垂直對齊方式valign

在標記中可以設定以上各種屬性及單元格跨行操作rowspan,單元格跨列操作colspan

五、表單

表單標記輸入標記

設定表單元素 文字text,按鈕button,密碼password,單選框radio,核取方塊checkbox,檔案file,隱藏hidden,提交按鈕submit,重置函式reset,影象域image

選擇列表標記

列表:語法:

選項一...

multiple設定列表中的專案可多選

下拉列表

一次只能選擇乙個列表選項,且一次稚嫩顯示乙個列表選項的選擇列表

語法:選項一

...文字域標記

rows設定的是當前可見行數,如果內容的行數超過這個值,則會出現垂直滾動條

HTML知識點總結

1 html 超文字標識語言 概念 html是一種用來製作超文字文件的簡單標識語言,簡單的說就是描述網頁長什麼樣子 有什麼內容的乙個文字.2 html和xhtml的聯絡和區別 聯絡 1 都是標記語言,文件注釋都一樣。2 都可以通過dom程式設計方式來訪問 dom是瀏覽器對html文 檔的一種解析 3...

html知識點總結

1.塊級元素 內聯 行內 元素的特點 1 塊級元素 以塊顯示的元素,高度 寬度 內邊距 外邊距都可以設定,如 等在預設狀態下都是塊級元素,塊級元素獨佔一行,非塊級元素在css中可以通過display block設定成塊級元素 2 內聯 行內 元素 以文字的方式顯示,高度 寬度 內邊距 外邊距都不可改...

html知識點總結

根標籤 head body為結構化標籤 編碼字符集 gb2312 中國的國家標準第2312條 不能識別繁體 gbk 所有亞裔字符集 unicode 所有國家語言都包括 utf 8 unicode的公升級版 告訴搜尋引擎爬蟲,我們的 是關於什麼內容的 en 關於英文的 功能 1.獨成一段,2.更改字型...