HTML常用標(biāo)簽介紹

1、基本標(biāo)簽

<meta>

HTML 文檔的元信息式撼,常用屬性 charset 此特性聲明當(dāng)前文檔所使用的字符編碼求厕,推薦使用 UTF-8

<title>…</title>

定義文檔的標(biāo)題,顯示在瀏覽器的標(biāo)題欄或標(biāo)簽頁上

<link>

link:連接美浦。規(guī)定了外部資源與當(dāng)前文檔的關(guān)系项栏。 最常于鏈接CSS樣式表(<link rel="stylesheet href="xxx.js">)

<script>...</script>

script:腳本沼沈。嵌入或引用可執(zhí)行腳本案腺,<script type="text/javascript" src="js/test.js"></script>

<div>

分開(divide)劈榨;區(qū)分(division)晦嵌。無語義,被用來對其它元素進(jìn)行分組旱函。如有其他語義描滔,應(yīng)盡量采用<article>、<nav>等標(biāo)簽

<span>

span:區(qū)段券腔、范圍拘泞。無語義,和 <div> 類似辱魁,但 <div> 是一個 塊元素 而 <span> 則是 行內(nèi)元素

2诗鸭、常用文本標(biāo)簽

<h1>...</h1>

header:標(biāo)題。<h1>~<h6> 代表六個不同的級別的標(biāo)題强岸,<h1> 級別最高请唱,而 <h6> 級別最低。

<p>

paragraph:段落聚至。表示文本的一個段落

<ul>…</ul>

unordered list:無序列表。無數(shù)值排序項的集合扳躬,且它們在列表中的順序是無意義的

<ol>…</ol>

ordered list:有序列表。

<li>…</li>

list item:列表項目击胜。表示列表里的條目偶摔。它必須被包含在一個父元素里:一個有順序的列表(<ol>)促脉,一個無順序的列表(<ul>),或者一個菜單 (<menu>)

<b>...</b>

粗體字瘸味,HTML提醒注意(Bring Attention To)元素

<strong>...</strong>

表示某些重要性的文本

<i>...</i>

Italic:斜體字旁仿。應(yīng)表現(xiàn)因某些原因需要區(qū)分普通文本的一系列文本。

<em>...</em>

emphasize:強(qiáng)調(diào)毅贮。斜體字(強(qiáng)調(diào)或重讀)

3、table標(biāo)簽

表示表格數(shù)據(jù) — 即通過二維數(shù)據(jù)表表示的信息嫩码。Tips:在 CSS 創(chuàng)建之前罪既, HTML <table> 元素常常被用于布局頁面琢感。 這種用法在 HTML 4之后不被推薦使用探熔,并且 <table>元素 不應(yīng)該被用于此目的。
常用元素:
????<caption> 元素展示一個表格的標(biāo)題
????<colgroup>標(biāo)簽用來定義表中的一組列表
????<thead>元素定義了一組定義表格的列頭的行
????<tfoot> 定義了一組計算表格中各列總和的行柬甥。
????<tr> 元素定義表格中的行
????<td>定義表格單元格包含的數(shù)據(jù)

4其垄、<a>標(biāo)簽

anchor:錨。<a> 元素 (或錨元素) 可以創(chuàng)建一個到其他網(wǎng)頁臂外、文件、同一頁面內(nèi)的位置嚎货、電子郵件地址或任何其他URL的超鏈接蔫浆。
常用屬性:
????href:必需屬性、為錨定義一個超文本鏈接來源忱辅。
????download:此屬性指示瀏覽器下載URL而不是導(dǎo)航到URL墙懂,因此將提示用戶將其保存為本地文件扮念。
????target:該屬性指定在何處顯示鏈接的資源。
????????_self: 當(dāng)前頁面加載柜与,默認(rèn)值
????????_blank: 新窗口打開
????????_parent: 加載響應(yīng)到當(dāng)前框架的父框架弄匕。
????????_top: 加載響應(yīng)進(jìn)入頂層瀏覽窗口

5、<form>標(biāo)簽

表示了文檔中的一個區(qū)域迁匠,這個區(qū)域包含有交互控制元件城丧,用來向web服務(wù)器提交信息。
常用屬性:
action:一個處理這個form信息的程序所在的URL枝缔。
method:瀏覽器使用這種 HTTP 方式來提交 form. 可能的值有:
????post: 指的是 HTTP POST 方法 ; 表單數(shù)據(jù)會包含在表單體內(nèi)然后發(fā)送給服務(wù)器.
????get: 指的是 HTTP GET 方法; 表單數(shù)據(jù)會附加在 action 屬性的URI中蚊惯,并以 '?' 作為分隔符, 然后這樣得到的 URI 再發(fā)送給服務(wù)器.
target:一個名字或者說關(guān)鍵字,用來指示在提交表單之后截型,在哪里顯示收到的回復(fù).

6、<input>標(biāo)簽

用于為基于Web的表單創(chuàng)建交互式控件赊舶,以便接受來自用戶的數(shù)據(jù)。
常用屬性:
text:單行字段笼平;換行會將自動從輸入的值中移除寓调。
button:無缺省行為按鈕,若不設(shè)置type晌涕,默認(rèn)為 submit 按鈕痛悯。
checkbox: 復(fù)選框。
password:一個值被遮蓋的單行文本字段惧财。
radio:單選按鈕垮衷。必須使用 value 屬性定義此控件被提交時的值。在同一個”單選按鈕組“中搀突,所有單選按鈕的 name 屬性使用同一個值熊泵。
reset:用于將表單所內(nèi)容設(shè)置為缺省值的按鈕。
submit:用于提交表單的按鈕戈次。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末怯邪,一起剝皮案震驚了整個濱河市花墩,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌和泌,老刑警劉巖武氓,帶你破解...
    沈念sama閱讀 206,311評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件县恕,死亡現(xiàn)場離奇詭異,居然都是意外死亡属提,警方通過查閱死者的電腦和手機(jī)美尸,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,339評論 2 382
  • 文/潘曉璐 我一進(jìn)店門师坎,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人胯陋,你說我怎么就攤上這事∈偃酰” “怎么了症革?”我有些...
    開封第一講書人閱讀 152,671評論 0 342
  • 文/不壞的土叔 我叫張陵噪矛,是天一觀的道長铺罢。 經(jīng)常有香客問我,道長缩滨,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,252評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮袖牙,結(jié)果婚禮上鞭达,老公的妹妹穿的比我還像新娘皇忿。我一直安慰自己禁添,他們只是感情好桨踪,可當(dāng)我...
    茶點故事閱讀 64,253評論 5 371
  • 文/花漫 我一把揭開白布铺峭。 她就那樣靜靜地躺著汽纠,像睡著了一般。 火紅的嫁衣襯著肌膚如雪莉炉。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,031評論 1 285
  • 那天碴犬,我揣著相機(jī)與錄音絮宁,去河邊找鬼。 笑死服协,一個胖子當(dāng)著我的面吹牛绍昂,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播偿荷,決...
    沈念sama閱讀 38,340評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼窘游,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了跳纳?” 一聲冷哼從身側(cè)響起忍饰,我...
    開封第一講書人閱讀 36,973評論 0 259
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎寺庄,沒想到半個月后艾蓝,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,466評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡铣揉,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,937評論 2 323
  • 正文 我和宋清朗相戀三年朽合,在試婚紗的時候發(fā)現(xiàn)自己被綠了曹步。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片讲婚。...
    茶點故事閱讀 38,039評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出酵紫,到底是詐尸還是另有隱情橄唬,我是刑警寧澤轧坎,帶...
    沈念sama閱讀 33,701評論 4 323
  • 正文 年R本政府宣布捎泻,位于F島的核電站笆豁,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏哄孤。R本人自食惡果不足惜凝危,卻給世界環(huán)境...
    茶點故事閱讀 39,254評論 3 307
  • 文/蒙蒙 一捉貌、第九天 我趴在偏房一處隱蔽的房頂上張望趁窃。 院中可真熱鬧浸踩,春花似錦、人聲如沸码邻。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,259評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至挠进,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間君旦,已是汗流浹背浮驳。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評論 1 262
  • 我被黑心中介騙來泰國打工谱俭, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人凑懂。 一個月前我還...
    沈念sama閱讀 45,497評論 2 354
  • 正文 我出身青樓塘匣,卻偏偏與公主長得像扫夜,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子颗味,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 42,786評論 2 345

推薦閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,728評論 1 92
  • HTML標(biāo)簽解釋大全 一屎债、HTML標(biāo)記 標(biāo)簽:!DOCTYPE 說明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,224評論 1 41
  • HTML 5 HTML5概述 因特網(wǎng)上的信息是以網(wǎng)頁的形式展示給用戶的,因此網(wǎng)頁是網(wǎng)絡(luò)信息傳遞的載體。網(wǎng)頁文件是用...
    阿啊阿吖丁閱讀 3,828評論 0 0
  • HTML文檔標(biāo)簽 <!DOCTYPE> 定義文檔類型 定義HTML文檔 定義文檔頭部 定義文檔主體 布局標(biāo)簽(包含...
    RookieD閱讀 256評論 0 0
  • 什么是<canvas>: 是HTML5新定義的標(biāo)簽,可以通過腳本(比如JavaScript)來繪制圖形拓劝,它可以用來...
    zzzZink閱讀 588評論 0 0