01 HTML總結(jié)

什么是HTML

HTML 是一種在 Web 上使用的通用標記語言叨咖。HTML 允許你格式化文本,添加圖片,創(chuàng)建鏈接甸各、輸入表單垛贤、框架和表格等等,并可將之存為文本文件趣倾,瀏覽器即可讀取和顯示聘惦。

文檔類型

  1. <!DOCTYPE html> HTML5DTD
  2. xhtml 1.0 transitional版本
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>Document</title>
</head>
<body>
    
</body>
</html>

標簽

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

  • link標簽 這個元素經(jīng)常用來鏈接css文件
  • style標簽 里面寫css代碼
  • meta標簽 提供文檔字符集、使用語言儒恋、作者等基本信息外善绎,還涉及對關(guān)鍵詞和網(wǎng)頁等級的設(shè)定。
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
  • title標簽

內(nèi)容分區(qū)

  • nav h5標簽
  • h1-h6 常用
  • article h5標簽 表示文檔诫尽、頁面禀酱、應(yīng)用或網(wǎng)站中的獨立結(jié)構(gòu)
  • footer h5標簽
  • aside標簽 h5標簽表現(xiàn)為側(cè)邊欄或者被插入在該內(nèi)容里
  • header標簽 h5標簽包含標題元素,也可以包含其他元素箱锐,像logo比勉、分節(jié)頭部、搜索表單

塊級文本內(nèi)容

  • dl dt dd
  • div 應(yīng)該在沒有任何其它語義元素可用是才使用 (比如 <article> 或 <nav>)
  • ol ul li
  • p標簽

內(nèi)聯(lián)文本

  • a標簽
  • <b> 不表示任何特殊的強調(diào) 通常用在摘要中的關(guān)鍵字
  • <em> 標記出需要用戶著重閱讀的內(nèi)容
  • <i> 斜體
  • <span> 重要驹止,用來定義某一節(jié)文本的樣式

表格

  • table
  • tr
  • td

表單

  1. <button>定義了一個按鈕
  2. <form>定義了文檔中的一個區(qū)域浩聋,這個區(qū)域包含有交互控制元件,用來向web服務(wù)器提交信息臊恋。
  3. <input> type類型可以有text/password/submit/button/radio/checkbox/reset
  4. <lable>

音頻視頻

  1. <audio>
  2. <video>
  3. <track>
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末衣洁,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子抖仅,更是在濱河造成了極大的恐慌坊夫,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,122評論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件撤卢,死亡現(xiàn)場離奇詭異环凿,居然都是意外死亡,警方通過查閱死者的電腦和手機放吩,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,070評論 3 395
  • 文/潘曉璐 我一進店門智听,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人渡紫,你說我怎么就攤上這事到推。” “怎么了惕澎?”我有些...
    開封第一講書人閱讀 164,491評論 0 354
  • 文/不壞的土叔 我叫張陵莉测,是天一觀的道長。 經(jīng)常有香客問我唧喉,道長捣卤,這世上最難降的妖魔是什么忍抽? 我笑而不...
    開封第一講書人閱讀 58,636評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮腌零,結(jié)果婚禮上梯找,老公的妹妹穿的比我還像新娘。我一直安慰自己益涧,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,676評論 6 392
  • 文/花漫 我一把揭開白布驯鳖。 她就那樣靜靜地躺著闲询,像睡著了一般。 火紅的嫁衣襯著肌膚如雪浅辙。 梳的紋絲不亂的頭發(fā)上扭弧,一...
    開封第一講書人閱讀 51,541評論 1 305
  • 那天,我揣著相機與錄音记舆,去河邊找鬼鸽捻。 笑死,一個胖子當(dāng)著我的面吹牛泽腮,可吹牛的內(nèi)容都是我干的御蒲。 我是一名探鬼主播,決...
    沈念sama閱讀 40,292評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼诊赊,長吁一口氣:“原來是場噩夢啊……” “哼厚满!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起碧磅,我...
    開封第一講書人閱讀 39,211評論 0 276
  • 序言:老撾萬榮一對情侶失蹤碘箍,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后鲸郊,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體丰榴,經(jīng)...
    沈念sama閱讀 45,655評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,846評論 3 336
  • 正文 我和宋清朗相戀三年秆撮,在試婚紗的時候發(fā)現(xiàn)自己被綠了四濒。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,965評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡像吻,死狀恐怖峻黍,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情拨匆,我是刑警寧澤姆涩,帶...
    沈念sama閱讀 35,684評論 5 347
  • 正文 年R本政府宣布,位于F島的核電站惭每,受9級特大地震影響骨饿,放射性物質(zhì)發(fā)生泄漏亏栈。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,295評論 3 329
  • 文/蒙蒙 一宏赘、第九天 我趴在偏房一處隱蔽的房頂上張望绒北。 院中可真熱鬧,春花似錦察署、人聲如沸闷游。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,894評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽脐往。三九已至,卻和暖如春扳埂,著一層夾襖步出監(jiān)牢的瞬間业簿,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,012評論 1 269
  • 我被黑心中介騙來泰國打工阳懂, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留梅尤,地道東北人。 一個月前我還...
    沈念sama閱讀 48,126評論 3 370
  • 正文 我出身青樓岩调,卻偏偏與公主長得像巷燥,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子誊辉,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,914評論 2 355

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

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案矾湃? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽?zāi)J的外補...
    _Yfling閱讀 13,753評論 1 92
  • HTML標簽解釋大全 一、HTML標記 標簽:!DOCTYPE 說明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,243評論 1 41
  • 轉(zhuǎn)載請聲明 原文鏈接地址 關(guān)注公眾號獲取更多資訊 第一部分 HTML 第一章 職業(yè)規(guī)劃和前景 職業(yè)方向規(guī)劃定位...
    程序員poetry閱讀 16,555評論 32 459
  • HTML5 標簽comment 注釋標簽用于在源文檔中插入注釋堕澄。注釋內(nèi)容不會被瀏覽器顯示邀跃。為代碼編寫注釋的好處是...
    才気莮孒閱讀 4,058評論 1 25
  • 阿零拍屑,阿零,我們會一直在一起嗎坑傅? 當(dāng)然啦僵驰,除非,唁毒, 除非什么 除非你不要我蒜茴! 怎么,浆西,怎么可能粉私,我最喜歡阿零了, ...
    愛文字的喵閱讀 283評論 0 0