HTML是一種用來描述網(wǎng)頁的標(biāo)記性語言。學(xué)習(xí)HTML可能并不難，主要是要記一些HTML標(biāo)簽和標(biāo)簽代表的含義。下面PHP程序員雷雪松根據(jù)使用的情況，整理出平時常用的HTML標(biāo)簽。

1、最基本的HTML結(jié)構(gòu)

網(wǎng)頁標(biāo)題

2、最常用的HTML標(biāo)簽

a、布局標(biāo)簽

div標(biāo)簽定義文檔中的分區(qū)或節(jié)(division/section)，可以把文檔分割為獨立的、不同的部分，主要用于布局。

aside標(biāo)簽的內(nèi)容可用作文章的側(cè)欄，html5新增標(biāo)簽。

header標(biāo)簽定義頁面的頭部(介紹信息)，html5新增標(biāo)簽。

section標(biāo)簽定義文檔中的節(jié)(section、區(qū)段)。比如章節(jié)、頁眉、頁腳或文檔中的其他部分，html5新增標(biāo)簽。

footer 標(biāo)簽定義文檔或節(jié)的頁腳，通常包含文檔的作者、版權(quán)信息、使用條款鏈接、聯(lián)系信息等等，html5新增標(biāo)簽。

article標(biāo)簽規(guī)定文章獨立的其他內(nèi)容，比如：標(biāo)題、內(nèi)容、評論，html5新增標(biāo)簽。

b、文本標(biāo)簽

h1-h6標(biāo)簽可定義標(biāo)題

p標(biāo)簽定義段落

b/strong標(biāo)簽加粗

em標(biāo)簽來表示強調(diào)的文本，斜體

strong標(biāo)簽表示重要文本

u標(biāo)簽下劃線

s標(biāo)簽刪除線

br標(biāo)簽表示回車換行

hr標(biāo)簽表示水平線

span標(biāo)簽被用來組合文檔中的行內(nèi)元素。

blockquote標(biāo)簽表示塊引用

pre標(biāo)簽可定義預(yù)格式化的文本，保持原有格式的一種標(biāo)簽。

sub標(biāo)簽下標(biāo)，

sup>標(biāo)簽上標(biāo)

表示一個空格

?表示版權(quán)符

>表示>

c、a標(biāo)簽定義超鏈接，指定頁面間的跳轉(zhuǎn)。鏈接可以指向外部鏈接或者頁面內(nèi)部id錨點，可以在當(dāng)前頁面打開，新開窗口。

百度

d、多媒體標(biāo)簽

img標(biāo)簽主要在網(wǎng)頁中插入圖像，可以定義圖片替換文本、顯示寬度和高度、是否帶邊框，建議等比例設(shè)置，否則圖像會變形。

audio標(biāo)簽定義聲音，比如音樂或其他音頻流。html5新增標(biāo)簽。

您的瀏覽器不支持audio標(biāo)簽。

video標(biāo)簽定義視頻，比如電影片段或其他視頻流。html5新增標(biāo)簽。

您的瀏覽器不支持video標(biāo)簽。

e、序列化標(biāo)簽

ul和li無序列表標(biāo)簽

• HTML
• JS
• PHP

ol和li有序列表標(biāo)簽，可以使用type屬性規(guī)定有序列表符號的類型。1按數(shù)字有序排列，為默認值，(1、2、3、4)；a按小寫字母有序排列，(a、b、c、d)；A按字母大寫有序排列，(A、B、C、D)。i按小寫羅馬字母有序，(i, ii, iii, iv)；I按小寫羅馬字母有序，(I, II, III, IV)。

HTML

JS

PHP

dl標(biāo)簽定義了定義列表(definition list)，dl標(biāo)簽用于結(jié)合dt(定義列表中的項目)和dd(描述列表中的項目)。

計算機

用來計算的儀器... ...

f、表格標(biāo)簽

table標(biāo)簽和tr標(biāo)簽，th標(biāo)簽和td標(biāo)簽，合并單元格。

標(biāo)題標(biāo)題

?

g、表單標(biāo)簽

form標(biāo)簽定義提交方式、提交地址、表單字符集以及如何對其進行編碼，需要提交的表單一定要放在form標(biāo)簽內(nèi)。

input標(biāo)簽用于搜集用戶信息

密碼，輸入的字符會被掩碼(顯示為星號或原點)

文件類型的表單，上傳文件時，form表單一定要設(shè)置為enctype="multipart/form-data"

隱藏表單

提交

重置

radio單選

男

女

checkbox多選

PHP

前端

數(shù)據(jù)庫

注：checked="checked"可以簡寫成checked

label標(biāo)簽為input元素定義標(biāo)注，如果您點擊label元素文本，就會觸發(fā)此input控件。

textarea標(biāo)簽，設(shè)置文本區(qū)內(nèi)的可見行數(shù)和寬度

大段文本輸入框

button標(biāo)簽定義一個按鈕

提交按鈕

提交

重置按鈕

重置

select標(biāo)簽和option標(biāo)簽下拉列表

單選菜單列表框

ray

raykaeso

多選列表下拉框，shift加鼠標(biāo)單擊，可以連續(xù)選擇多個選擇，CTRL+鼠標(biāo)點擊，可以點擊多個。

雷雪松

ray

raykaeso

注:selected="selected"可簡寫成selected，表示選中

3、其他HTML事項

a、HTML標(biāo)簽和屬性是不區(qū)分大小寫的，建議HTML標(biāo)簽和屬性都小寫，屬性值必須用雙引號包圍。

b、HTML標(biāo)簽都是以開始標(biāo)簽起始，以結(jié)束標(biāo)簽終止。大部分HTML標(biāo)簽都是成對出現(xiàn)的，稱為雙標(biāo)簽，比如：p標(biāo)簽、div標(biāo)簽，也有的HTML標(biāo)簽在開始標(biāo)簽中結(jié)束的標(biāo)簽，稱為單標(biāo)簽，比如：hr標(biāo)簽、br標(biāo)簽。大多數(shù)HTML元素可擁有屬性，文本內(nèi)容都是寫在開始標(biāo)簽與結(jié)束標(biāo)簽之間。

c、HTML標(biāo)簽之間盡量縮進與換行，每行代碼不要過長，方便閱讀和維護。

d、HTML標(biāo)簽使用必須符合標(biāo)簽嵌套規(guī)則。禁止a標(biāo)簽嵌套a標(biāo)簽，p標(biāo)簽嵌套div標(biāo)簽。

e、建議不使用HTML已經(jīng)廢棄的或者不贊成使用的標(biāo)簽，少使用table布局、iframe框架嵌套以及flash播放器。

總結(jié)

以上是生活随笔為你收集整理的php基础标签大全,HTML基础之HTML常用标签的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。