HTML語言編寫字典

逼自己說幾句


制作網(wǎng)頁的第一步就是學會編寫HTML語言

確實芹敌,正確的編寫HTML語言鸵赫,是寫好一個網(wǎng)頁的基礎,基礎扎實才能一路瀟灑的去寫CSS和JavaScript

本文中整理了HTML語言的編寫標準谣妻,我會盡量詳細的去歸納整理鳞滨,如有遺漏的也會在日后的學習中不斷更新

一、基礎元素


基礎元素是HTML文檔的根基寒矿⊥涣眨基礎元素在每一個網(wǎng)頁的源代碼里都能見到,位置在文檔首行doctype 聲明的下方符相。doctype表明了該頁面正在使用哪種版本的 (X)HTML拆融。包含網(wǎng)頁內容的元素是放置在開始標簽<html>和關閉標簽</html>之間的蠢琳。<html>元素也被稱之為根元素。

html

描述:HTML<html>元素(或者說HTML根元素)代表著一個HTML文檔的根(root)镜豹。 所有其他元素皆是此元素的后代傲须。

二、文檔元數(shù)據(jù)


元數(shù)據(jù)(Metadata)含有頁面的相關信息趟脂。這些包括樣式泰讽,腳本及數(shù)據(jù)的信息能幫助一些軟件 (如搜索引擎, 瀏覽器等等)更好運用以及渲染頁面昔期。對于樣式和腳本的元數(shù)據(jù)可以直接在網(wǎng)頁里定義或者鏈接到有這些的其他文件已卸。

base

描述:指定文檔里所有相對URL地址的基礎URL。一份文檔最多一個<base>元素硼一。

head

描述:規(guī)定文檔相關的通用信息(元數(shù)據(jù))咬最,包括文檔標題、樣式或腳本的鏈接或定義欠动。

link

描述:指定了外部資源與當前文檔的關系. 這個元素的使用方法包括為導航定義關系框架.這個元素經(jīng)常用來鏈接css文件永乌。

meta

描述:用來表達任何其他HTML元相關元素(<base>,<link>,<script>,<style>或者<title>)等無法表達的信息。

style

描述:包含了文檔的樣式化信息或者文檔的一部分具伍。指定的樣式化星系包含的該元素內翅雏,通常是CSS的格式。

titile

描述:定義文檔的標題人芽,顯示在瀏覽器的標題欄或標簽頁上望几。它只可以包含文本,若是包含有標簽萤厅,則包含的任何標簽都不會被解釋橄抹。

三、行內元素


a

描述:與href屬性搭配使用惕味,用于鏈接到其他頁面或者跳轉到同一頁的某個錨點楼誓。

示例:
<a href="網(wǎng)頁鏈接">a鏈接的文本內容</a>

abbr

描述:表示一個縮寫,搭配title屬性使用可對此縮寫進行完整描述名挥。

示例:
<abbr title="全稱內容">縮寫內容</abbr>

b

描述:表示相對于普通文本字體上的區(qū)別疟羹,但不表示任何特殊的強調或者關聯(lián)。

cite

描述:用來指明書目信息禀倔、個人引語榄融、或者參考文獻中的外部資源。

示例:
我至今也沒有讀完<cite>《盆地構造解析》</cite>

code

描述:呈現(xiàn)一段計算機代碼救湖。

del

描述:表示該信息已被刪除(添加刪除線)愧杯。

dfn

描述:用來表示一個定義

示例:
<cite>虎撲體育</cite>是籃球迷的聚集地

em

描述:標記出需要用戶著重閱讀的內容,表現(xiàn)為斜體鞋既。

示例:
<em>我正在強調這句話</em>

ins

描述:表示修訂后插入的內容(添加下劃線)力九。

q

描述:表示一個封閉的并且是短的行內引用的文本耍铜。

strong

描述:標記該文本十分重要,表現(xiàn)為粗體

示例:
<strong>我正在以更大的強度強調這句話</strong>

span

描述:短語內容的通用行內容器畏邢,并沒有任何特殊語義业扒。

sub/sup

描述:含義:表示下標/上標。

四舒萎、塊級元素


address

描述:表示某個特定文檔或文檔的某個部分的聯(lián)系信息或聯(lián)絡方式程储。

<address>
地址:XXX
</address>

div

描述:常見的用途有三種

  • 劃分頁首、頁尾臂寝、頁邊欄或導航欄等等章鲤;
  • 表示頁面的分欄;
  • 將文章進一步分成幾個部分咆贬,比如正文败徊、評論、文章的元數(shù)據(jù)等等掏缎。

h1~h6

描述:h1是最高一級的標題皱蹦,下一層標題使用h2,依次類推

p

描述:表示段落

blockquote

描述:表示一段引用自其他來源的獨立文本眷蜈。

blockquote有兩個屬性沪哺,第一個是cite屬性,用來指明引用材料的URL地址酌儒;第二個是title屬性辜妓,用于提供引用材料的相關信息。

<blockquote cite="http://www.hupu.com/" title="文章的標題忌怎,作者籍滴,發(fā)表日期">"我正在此處引用虎撲體育。"</blockquote>

五榴啸、列表元素


ul,ol,li

描述:表示一組相同格式的信息孽惰。

dl,dd,dt

描述:表示一個術語列表。

dt表示術語插掂,dd表示該術語的定義灰瞻,可以為單個術語提供多個定義。

示例:
<dl>
<dt>江君</dt>
<dd>一個無聊的人</dd>
<dt>佳佳</dt>
<dd>另一個無聊的人</dd>
<dt>JJ</dt>
<dd>兩個無聊的人</dd>
</dl>

六辅甥、表格元素


七、分割元素


br

描述:表示換行燎竖。

注意:除了少數(shù)場合(比如詩歌中的分行)璃弄,應該盡量避免使用這個標簽,因為它并沒有特別的語義含義构回,而且分行的視覺效果完全可以通過p標簽夏块、列表標簽和CSS命令達到疏咐。

hr

描述:表示兩個部分之間用一根水平直線分割。

事實上脐供,不用這個標簽浑塞,也有辦法顯示水平直線。這個標簽的唯一優(yōu)勢政己,也許就是在沒有CSS的場合酌壕,它可以產(chǎn)生視覺分割的效果。


參考文獻

(完)

文檔信息

  • 自由轉載-非商用-非衍生-保持署名
  • 發(fā)表日期:2016年9月8日
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末歇由,一起剝皮案震驚了整個濱河市卵牍,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌沦泌,老刑警劉巖糊昙,帶你破解...
    沈念sama閱讀 216,372評論 6 498
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異谢谦,居然都是意外死亡释牺,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,368評論 3 392
  • 文/潘曉璐 我一進店門回挽,熙熙樓的掌柜王于貴愁眉苦臉地迎上來没咙,“玉大人,你說我怎么就攤上這事厅各【盗茫” “怎么了?”我有些...
    開封第一講書人閱讀 162,415評論 0 353
  • 文/不壞的土叔 我叫張陵队塘,是天一觀的道長袁梗。 經(jīng)常有香客問我,道長憔古,這世上最難降的妖魔是什么遮怜? 我笑而不...
    開封第一講書人閱讀 58,157評論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮鸿市,結果婚禮上锯梁,老公的妹妹穿的比我還像新娘。我一直安慰自己焰情,他們只是感情好陌凳,可當我...
    茶點故事閱讀 67,171評論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著内舟,像睡著了一般合敦。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上验游,一...
    開封第一講書人閱讀 51,125評論 1 297
  • 那天充岛,我揣著相機與錄音保檐,去河邊找鬼。 笑死崔梗,一個胖子當著我的面吹牛夜只,可吹牛的內容都是我干的。 我是一名探鬼主播蒜魄,決...
    沈念sama閱讀 40,028評論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼扔亥,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了权悟?” 一聲冷哼從身側響起砸王,我...
    開封第一講書人閱讀 38,887評論 0 274
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎峦阁,沒想到半個月后谦铃,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,310評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡榔昔,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,533評論 2 332
  • 正文 我和宋清朗相戀三年驹闰,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片撒会。...
    茶點故事閱讀 39,690評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡嘹朗,死狀恐怖,靈堂內的尸體忽然破棺而出诵肛,到底是詐尸還是另有隱情屹培,我是刑警寧澤,帶...
    沈念sama閱讀 35,411評論 5 343
  • 正文 年R本政府宣布怔檩,位于F島的核電站褪秀,受9級特大地震影響,放射性物質發(fā)生泄漏薛训。R本人自食惡果不足惜媒吗,卻給世界環(huán)境...
    茶點故事閱讀 41,004評論 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望乙埃。 院中可真熱鬧闸英,春花似錦、人聲如沸介袜。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,659評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽遇伞。三九已至沛豌,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間赃额,已是汗流浹背加派。 一陣腳步聲響...
    開封第一講書人閱讀 32,812評論 1 268
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留跳芳,地道東北人芍锦。 一個月前我還...
    沈念sama閱讀 47,693評論 2 368
  • 正文 我出身青樓,卻偏偏與公主長得像飞盆,于是被迫代替她去往敵國和親娄琉。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,577評論 2 353

推薦閱讀更多精彩內容