HTML基本結構

設置網頁編碼

說明：標籤寫在標籤內部

設置網頁標題

說明：標籤寫在標籤內部

設置網頁關鍵字

說明：標籤寫在標籤內部

設置網頁的內容描述

說明：標籤寫在標籤內部

文檔標籤

網頁注釋

標題標籤

說明1：不能嵌套在

標籤內

說明2：不能嵌套在

~標籤內

段落標籤

說明1：不能嵌套在

標籤內

說明2：不能嵌套在

~標籤內

換行標籤

水平線標籤

屬性說明

color：設置水平線的顏色

字體樣式標籤

行標籤

屬性說明

class：給元素指定class值

id：給元素指定id值

層標籤

圖像標籤

屬性說明

src：圖像地址

alt：圖像的替代文本

title：滑鼠懸停提示文本

width：圖片寬度

height：圖片高度

超鏈接

屬性說明

href：連接地址

target：目標窗口

="_self"：在本窗口打開

="_blank"：在新窗口中打開

="自定義的name值"：在指定的窗口中打開

name：錨點名稱

列表

屬性說明

type：列表項符號類型

無序列表取值：

="disc"：默認值，實心圓

="circle"：空心圓

="square"：實心方塊

有序列表取值：

="1"

="A"

="a"

="I"

="i"

reversed：規定列表順序為降序

start：規定有序列表的起始值

表格

屬性說明

colspan：單元格所跨的列數

rowspan：單元格所跨的行數

border：表格的邊框粗細像素值

視頻標籤

屬性說明

src：指定要播放的視頻文件的路徑

controls：提供播放、暫停和音量的控制項

type：視頻MIME類型

="video/ogg"：*.ogg視頻

="video/mp4"：*.mp4視頻

="video/webm"：*.webm視頻

autoplay：自動播放

loop：循環播放

音頻標籤

屬性說明

src：指定要播放的音頻文件的路徑

controls：提供播放、暫停和音量的控制項

type：音頻MIME類型

="audio/ogg"：*.ogg音頻

="audio/mpeg"：*.mp3音頻

autoplay：自動播放

loop：循環播放

內聯框架

屬性說明

src：默認引用的頁面地址

name：框架標識名

width：設置iframe的寬度

height：設置iframe的高度

結構標籤

表單標籤

表單標籤

屬性說明

method：發送表單的類型

="get"：以GET方式發送表單

="post"：以POST方式發送表單

action：表單發送的目標地址

enctype：規定在向伺服器發送表單數據之前如何對其進行編碼

="application/x-www-form-urlencoded"：默認。在發送前對所有字元進行編碼（將空格轉換為 "+" 符號，特殊字元轉換為 ASCII HEX 值）

="multipart/form-data"：不對字元編碼。當使用有文件上傳控制項的表單時，該值是必需的。

="text/plain"：將空格轉換為 "+" 符號，但不編碼特殊字元。

輸入標籤

屬性說明

type：元素類型

="text"：默認值，單行文本框

="password"：密碼框

="checkbox"：複選框

="radio"：單選按鈕

="submit"：提交按鈕

="reset"：重置按鈕

="file"：文件域

="hidden"：隱藏域

="image"：圖片按鈕

="button"：普通按鈕

="email"：郵箱輸入框

="url"：網址輸入框

="number"：數字輸入框

="range"：滑塊

="search"：搜索框

id：表單元素的唯一標識

name：表單元素的名稱

value：表單元素的初始值

size：表單元素的初始寬度（當type為text或password時，表單元素的大小以字元為單位。對於其他類型，寬度以像素為單位）

maxlength：輸入的最大字元數（僅對type為text或password時有效）

checked：選中單選按鈕或選中複選框

min：最小值（僅對數字輸入框和滑塊有效）

max：最大值（僅對數字輸入框和滑塊有效）

step：合法的數字間隔（僅對數字輸入框和滑塊有效）

readonly：只讀

disabled：禁用

placeholder：輸入框內的提示信息（適用可輸入的文本框）

required：設置輸入框是必填的

pattern：用正則表達式進行輸入驗證

列表框

屬性說明

name：列表框的名稱

size：規定下拉列表中可見選項的數目

value：選項的值

selected：選項被選中

多行文本域

屬性說明

name：多行文本域的名稱

cols：顯示的列數

rows：顯示的行數

標註標籤

屬性說明

for：指定要標註的元素ID值

實體符號

標籤分類

塊級元素：無論內容多少，該元素獨佔一行

行內元素：內容撐開寬度，左右都是行內元素的可以排在一行

北大青鳥徐州中博 教育改變生活

諮詢老師：Yacon

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！