HTML超文本標記語言

參考資料

W3C

Html規(guī)范進階
基本規(guī)范
<!doctype html>
<html lang="en">
<head>
<!--可以簡化:<meta charset="utf-8">-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--定義網(wǎng)頁作者:gd.com-->
<meta name="Author" content="gd.com">
<!--網(wǎng)頁內(nèi)容的一組唯一的關鍵字:5個作用的關鍵字-->
<meta name="Keywords" content="java開發(fā),前段開發(fā)">
<!--反映網(wǎng)頁內(nèi)容的描述標簽:小于15個字-->
<meta name="Description" content="150 words">
<!-- 外部通用CSS文件:common.css去除CSS默認樣式 -->
<link rel="stylesheet" href="${base}/resources/new/css/common.css" />
<!-- 外部CSS文件:rel:指示被鏈接的文檔是一個樣式表 -->
<link rel="stylesheet" href="${base}/resources/new/css/common.css" />
<Link rel="shortcut icon" href="瀏覽器角標圖片的地址">
<!-- 外部JS文件 -->
<script type="text/javascript" src="${base}/resources/shop/js/common.js"></script>
<title>H5的標準格式</title>
</head>
<body>
    <h1>H5標準格式</h1>
    <p></p>
</body>
</html>
  1. 一個HTML文件不僅包含文本內(nèi)容灾票,還包含一些Tag,中文稱“標記”茫虽。
  2. 一個HTML文件的后綴名是.htm或者是.html刊苍。
  3. HTML元素(HTML Element)用來標記(tag)文本既们,表示文本的內(nèi)容。比如body, p, title就是HTML元素正什。
  4. HTML元素可以擁有屬性,屬性可以擴展HTML元素的能力啥纸。
  5. 相對路徑和絕對路徑。反斜杠“\”是電腦出現(xiàn)了之后為了表示程序設計里的特殊含義才發(fā)明的專用標點婴氮。就是說脾拆,除了程序設計領域外,任何地方你都不應該有使用反斜杠的時候莹妒,請永遠使用正斜杠“/”名船。
  6. HTML的特殊字符。
  7. Table表格的創(chuàng)建旨怠。
  8. Form表單的創(chuàng)建渠驼。
  9. 列表的創(chuàng)建。(排序列表<ol><li>鉴腻、不排序列表<ul><li>迷扇、定義列表<dl><dt>)
  10. 習慣規(guī)范。
    標簽名和屬性名稱盡量小寫 (屬性值具有語義化)
    HTML標簽必須成對出現(xiàn)爽哎。(單標簽除外)
    屬性值必須用引號括起來蜓席。(注意單引號和雙引號應用場合)
    標簽必須正確嵌套。
    內(nèi)容课锌、樣式厨内、功能分離出來。
  11. 單引號&雙引號
    雙引號中可以嵌套單引號渺贤,但是不能嵌套雙引號雏胃。
常用布局

div-ul(ol)-li :常用于分類導航或菜單等。
div-dl-dt-dd :常用于圖文混編的場合志鞍。
table-tr-td :常用于圖文布局或顯示數(shù)據(jù)瞭亮。
form-table-tr-td:常用于布局表單。

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末固棚,一起剝皮案震驚了整個濱河市统翩,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌此洲,老刑警劉巖厂汗,帶你破解...
    沈念sama閱讀 217,734評論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異黍翎,居然都是意外死亡面徽,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,931評論 3 394
  • 文/潘曉璐 我一進店門匣掸,熙熙樓的掌柜王于貴愁眉苦臉地迎上來趟紊,“玉大人,你說我怎么就攤上這事碰酝■伲” “怎么了?”我有些...
    開封第一講書人閱讀 164,133評論 0 354
  • 文/不壞的土叔 我叫張陵送爸,是天一觀的道長铛嘱。 經(jīng)常有香客問我,道長袭厂,這世上最難降的妖魔是什么墨吓? 我笑而不...
    開封第一講書人閱讀 58,532評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮纹磺,結果婚禮上帖烘,老公的妹妹穿的比我還像新娘。我一直安慰自己橄杨,他們只是感情好秘症,可當我...
    茶點故事閱讀 67,585評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著式矫,像睡著了一般乡摹。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上采转,一...
    開封第一講書人閱讀 51,462評論 1 302
  • 那天聪廉,我揣著相機與錄音,去河邊找鬼故慈。 笑死锄列,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的惯悠。 我是一名探鬼主播邻邮,決...
    沈念sama閱讀 40,262評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼克婶!你這毒婦竟也來了筒严?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 39,153評論 0 276
  • 序言:老撾萬榮一對情侶失蹤情萤,失蹤者是張志新(化名)和其女友劉穎鸭蛙,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體筋岛,經(jīng)...
    沈念sama閱讀 45,587評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡娶视,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,792評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片肪获。...
    茶點故事閱讀 39,919評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡寝凌,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出孝赫,到底是詐尸還是另有隱情较木,我是刑警寧澤,帶...
    沈念sama閱讀 35,635評論 5 345
  • 正文 年R本政府宣布青柄,位于F島的核電站伐债,受9級特大地震影響,放射性物質發(fā)生泄漏致开。R本人自食惡果不足惜峰锁,卻給世界環(huán)境...
    茶點故事閱讀 41,237評論 3 329
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望双戳。 院中可真熱鬧虹蒋,春花似錦、人聲如沸拣技。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,855評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽膏斤。三九已至徐绑,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間莫辨,已是汗流浹背傲茄。 一陣腳步聲響...
    開封第一講書人閱讀 32,983評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留沮榜,地道東北人盘榨。 一個月前我還...
    沈念sama閱讀 48,048評論 3 370
  • 正文 我出身青樓,卻偏偏與公主長得像蟆融,于是被迫代替她去往敵國和親草巡。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,864評論 2 354

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

  • HTML 超文本標記語言(HyperText Markup Language ) 即使HTML對標簽大小寫不敏感型酥,...
    逍遙嘆6閱讀 870評論 0 2
  • 1山憨、概率的理解: HyperText Markup Language的簡寫就是html,中文的意思就是超文本標記語...
    nicn閱讀 914評論 0 0
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案弥喉? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,751評論 1 92
  • HTML基礎 本文包括 HTML基本知識與結構 HTML常見標簽 標簽寫法與嵌套的討論 HTML郁竟、CSS、java...
    廖少少閱讀 2,085評論 2 21
  • 本 react 項目結合 babel 和 webpack-dev-server由境,可以轉譯所編寫的ES6代碼并且實現(xiàn)...
    whyask閱讀 474評論 1 0