HTML是什么
html是一門語(yǔ)言碾褂，它令我們可以在因特網(wǎng)上展示信息
HTML做什么
用來(lái)制作網(wǎng)頁(yè)
HTML
HTML是“HyperText Mark-up Language（超文本標(biāo)記語(yǔ)言）”的縮寫——其實(shí)目前你不必了解這些，不過(guò)红柱，為了遷就學(xué)習(xí)次序窥翩，我們就詳細(xì)解釋一下吧车荔。
超（Hyper）是相對(duì)于線性（linear）來(lái)說(shuō)的甘耿。在很久以前搓茬，那時(shí)計(jì)算機(jī)程序還是線形運(yùn)行的：當(dāng)計(jì)算機(jī)程序執(zhí)行完一個(gè)動(dòng)作以后芽突，轉(zhuǎn)向下一行试浙，這行結(jié)束后，繼續(xù)下移寞蚌，依次類推川队。但HTML則不同，你可以在任何時(shí)候跳轉(zhuǎn)到任何地方睬澡。比方說(shuō)，你在瀏覽HTML.net之前眠蚂，不必先去瀏覽MSN.com煞聪。
文本（Text）意味著它是自解釋的（self-explanatory）。
標(biāo)記（Markup）指的是你怎么處理文本逝慧。對(duì)文本作標(biāo)記的方式昔脯，跟你在文本編輯程序里將文本加粗啄糙、或者將一行話設(shè)為標(biāo)題或列表項(xiàng)目類似。
語(yǔ)言（Language）云稚。HTML就是一種語(yǔ)言隧饼，它使用了許多英文單詞。
標(biāo)簽
元素
HTML標(biāo)簽(標(biāo)有*的是html5新標(biāo)簽)
根元素
| Element | Description |
|---|---|
| <html> | 代表 HTML 或 XHTML 文檔的根静陈。其他所有元素必須是這個(gè)元素的子節(jié)點(diǎn)燕雁。 |
文檔元數(shù)據(jù)
| Element | Description |
|---|---|
| <head> | 代表關(guān)于文檔元數(shù)據(jù)的一個(gè)集合，包括腳本或樣式表的鏈接或內(nèi)容鲸拥。 |
| <title> | 定義文檔的標(biāo)題拐格，將顯示在瀏覽器的標(biāo)題欄或標(biāo)簽頁(yè)上。該元素只能包含文本刑赶，包含的標(biāo)簽不會(huì)被解釋捏浊。 |
| <base> | 定義頁(yè)面上相對(duì) URL 的基準(zhǔn) URL。 |
| <link> | 用于鏈接外部的 CSS 到該文檔撞叨。 |
| <meta> | 定義其他 HTML 元素?zé)o法描述的元數(shù)據(jù)金踪。 |
| <style> | 用于內(nèi)聯(lián) CSS。 |
腳本Edit
| Element | Description | |
|---|---|---|
| <script> | 定義一個(gè)內(nèi)聯(lián)腳本或鏈接到外部腳本牵敷。腳本語(yǔ)言是 JavaScript胡岔。 | |
| <noscript> | 定義當(dāng)瀏覽器不支持腳本時(shí)顯示的替代文字。 | |
| *<template> | 這個(gè)元素在 HTML5 中加入 通過(guò) JavaScript | 在運(yùn)行時(shí)實(shí)例化內(nèi)容的容器劣领。 |
章節(jié)Edit
| Element | Description |
|---|---|
| <body> | 代表 HTML 文檔的內(nèi)容姐军。在文檔中只能有一個(gè) <body> 元素。 |
| *<section> | 這個(gè)元素在 HTML5 中加入定義文檔中的一個(gè)章節(jié)尖淘。 |
| *<nav> | 這個(gè)元素在 HTML5中加入定義只包含導(dǎo)航鏈接的章節(jié)奕锌。 |
| *<article> | 這個(gè)元素在 HTML5 中加入 定義可以獨(dú)立于內(nèi)容其余部分的完整獨(dú)立內(nèi)容塊。 |
| *<aside> | 這個(gè)元素在 HTML5 中加入 定義和頁(yè)面內(nèi)容關(guān)聯(lián)度較低的內(nèi)容——如果被刪除村生，剩下的內(nèi)容仍然很合理惊暴。 |
| <h1>,<h2>,<h3>,<h4>,<h5>,<h6> | 標(biāo)題元素實(shí)現(xiàn)了六層文檔標(biāo)題，<h1> 是最大的標(biāo)題趁桃，<h6> 是最小的標(biāo)題辽话。標(biāo)題元素簡(jiǎn)要地描述章節(jié)的主題。 |
| *<header> | 這個(gè)元素在 HTML5 中加入 定義頁(yè)面或章節(jié)的頭部卫病。它經(jīng)常包含 logo油啤、頁(yè)面標(biāo)題和導(dǎo)航性的目錄。 |
| *<footer> | 這個(gè)元素在 HTML5 中加入 定義頁(yè)面或章節(jié)的尾部蟀苛。它經(jīng)常包含版權(quán)信息益咬、法律信息鏈接和反饋建議用的地址。 |
| *<address> | 定義包含聯(lián)系信息的一個(gè)章節(jié)帜平。 |
| *<main> | 這個(gè)元素在 HTML5 中加入 定義文檔中主要或重要的內(nèi)容幽告。 |
組織內(nèi)容Edit
| Element | Description |
|---|---|
| <p> | 定義一個(gè)段落梅鹦。 |
| 代表章節(jié)、文章或其他長(zhǎng)內(nèi)容中段落之間的分隔符冗锁。 | |
| <pre> | 代表其內(nèi)容已經(jīng)預(yù)先排版過(guò)齐唆，格式應(yīng)當(dāng)保留 。 |
| <blockquote> | 代表引用自其他來(lái)源的內(nèi)容冻河。 |
| <ol> | 定義一個(gè)有序列表箍邮。 |
| <ul> | 定義一個(gè)無(wú)序列表。 |
| <li> | 定義列表中的一個(gè)列表項(xiàng)芋绸。 |
| <dl> | 定義一個(gè)定義列表（一系列術(shù)語(yǔ)和其定義）媒殉。 |
| <dt> | 代表一個(gè)由下一個(gè) <dd> 定義的術(shù)語(yǔ)。 |
| <dd> | 代表出現(xiàn)在它之前術(shù)語(yǔ)的定義摔敛。 |
| *<figure> | 這個(gè)元素在 HTML5 中加入 代表一個(gè)和文檔有關(guān)的圖例廷蓉。 |
| *<figcaption> | 這個(gè)元素在 HTML5 中加入 代表一個(gè)圖例的說(shuō)明。 |
| <div> | 代表一個(gè)通用的容器马昙，沒有特殊含義桃犬。 |
文字形式Edit
| Element | Description |
|---|---|
| <a> | 代表一個(gè)鏈接到其他資源的超鏈接 。 |
| <em> | 代表強(qiáng)調(diào) 文字行楞。 |
| <strong> | 代表特別重要 文字攒暇。 |
| <small> | 代表注釋 ，如免責(zé)聲明子房、版權(quán)聲明等形用，對(duì)理解文檔不重要。 |
| <s> | 代表不準(zhǔn)確或不相關(guān) 的內(nèi)容证杭。 |
| <cite> | 代表作品標(biāo)題 田度。 |
| <q> | 代表內(nèi)聯(lián)的引用 。 |
| <dfn> | 代表一個(gè)術(shù)語(yǔ)包含在其最近祖先內(nèi)容中的定義 解愤。 |
| <abbr> | 代表省略 或縮寫 镇饺，其完整內(nèi)容在 title 屬性中。 |
| *<data> | 這個(gè)元素在 HTML5 中加入 關(guān)聯(lián)一個(gè)內(nèi)容的機(jī)器可讀的等價(jià)形式 （該元素只在 WHATWG 版本的 HTML 標(biāo)準(zhǔn)中送讲，不在 W3C 版本的 HTML5 標(biāo)準(zhǔn)中）奸笤。 |
| *<time> | 這個(gè)元素在 HTML5 中加入 代表日期 和時(shí)間 值；機(jī)器可讀的等價(jià)形式通過(guò) datetime 屬性指定哼鬓。 |
| <code> | 代表計(jì)算機(jī)代碼 监右。 |
| <var> | 代表代碼中的變量 。 |
| <samp> | 代表程序或電腦的輸出 异希。 |
| <kbd> | 代表用戶輸入 秸侣，一般從鍵盤輸出，但也可以代表其他輸入，如語(yǔ)音輸入味榛。 |
| 分別代表下標(biāo) 和上標(biāo) 。 | |
| <i> | 代表一段不同性質(zhì) 的文字予跌，如技術(shù)術(shù)語(yǔ)搏色、外文短語(yǔ)等。 |
| <b> | 代表一段需要被關(guān)注 的文字券册。 |
| <u> | 代表一段需要下劃線呈現(xiàn)的文本注釋频轿，如標(biāo)記出拼寫錯(cuò)誤的文字等。 |
| *<mark> | 這個(gè)元素在 HTML5 中加入 代表一段需要被高亮的引用 文字烁焙。 |
| *<ruby> | 這個(gè)元素在 HTML5 中加入 代表被ruby 注釋 標(biāo)記的文本航邢，如中文漢字和它的拼音。 |
| *<rt> | 這個(gè)元素在 HTML5 中加入 代表ruby 注釋 骄蝇，如中文拼音膳殷。 |
| *<rp> | 這個(gè)元素在 HTML5 中加入 代表 ruby 注釋兩邊的額外插入文本 ，用于在不支持 ruby 注釋顯示的瀏覽器中提供友好的注釋顯示九火。 |
| *<bdi> | 這個(gè)元素在 HTML5 中加入 代表需要脫離 父元素文本方向的一段文本赚窃。它允許嵌入一段不同或未知文本方向格式的文本。 |
| <bdo> | 指定子元素的文本方向 岔激，顯式地覆蓋默認(rèn)的文本方向勒极。 |
| <span> | 代表一段沒有特殊含義的文本，當(dāng)其他語(yǔ)義元素都不適合文本時(shí)候可以使用該元素虑鼎。 |
| 代表?yè)Q行 辱匿。 | |
| *<wbr> | 這個(gè)元素在 HTML5 中加入 代表建議換行 (Word Break Opportunity) ，當(dāng)文本太長(zhǎng)需要換行時(shí)將會(huì)在此處添加換行符炫彩。 |
編輯Edit
| Element | Description |
|---|---|
| <ins> | 定義增加 到文檔的內(nèi)容匾七。 |
| <del> | 定義從文檔移除 的內(nèi)容。 |
嵌入內(nèi)容Edit
| Element | Description |
|---|---|
| <img> | 代表一張圖片 媒楼。 |
| <iframe> | 代表一個(gè)內(nèi)聯(lián)的框架 乐尊。 |
| *<embed> | 這個(gè)元素在 HTML5 中加入 代表一個(gè)嵌入 的外部資源，如應(yīng)用程序或交互內(nèi)容划址。 |
| <object> | 代表一個(gè)外部資源 扔嵌，如圖片、HTML 子文檔夺颤、插件等痢缎。 |
| <param> | 代表 <object> 元素所指定的插件的參數(shù) 。 |
| *<video> | 這個(gè)元素在 HTML5 中加入 代表一段視頻 及其視頻文件和字幕世澜，并提供了播放視頻的用戶界面独旷。 |
| *<audio> | 這個(gè)元素在 HTML5 中加入 代表一段聲音 ，或音頻流 。 |
| *<source> | 這個(gè)元素在 HTML5 中加入 為 <video> 或 <audio>這類媒體元素指定媒體源 嵌洼。 |
| *<track> | 這個(gè)元素在 HTML5 中加入 為 <video> 或 <audio> 這類媒體元素指定文本軌道（字幕） 案疲。 |
| *<canvas> | 這個(gè)元素在 HTML5 中加入 代表位圖區(qū)域 ，可以通過(guò)腳本在它上面實(shí)時(shí)呈現(xiàn)圖形麻养，如圖表褐啡、游戲繪圖等。 |
| <map> | 與 <area> 元素共同定義圖像映射 區(qū)域鳖昌。 |
| <area> | 與 <map> 元素共同定義圖像映射 區(qū)域备畦。 |
| *<svg> | 這個(gè)元素在 HTML5 中加入 定義一個(gè)嵌入式矢量圖 。 |
| *<math> | 這個(gè)元素在 HTML5 中加入 定義一段數(shù)學(xué)公式 许昨。 |
表格Edit
| Element | Description |
|---|---|
| <table> | 定義多維數(shù)據(jù) 懂盐。 |
| <caption> | 表表格的標(biāo)題 。 |
| <colgroup> | 代表表格中一組單列或多列 糕档。 |
| <col> | 代表表格中的列 莉恼。 |
| <tbody> | 代表表格中一塊具體數(shù)據(jù) （表格主體）。 |
| <thead> | 代表表格中一塊列標(biāo)簽 （表頭）翼岁。 |
| <tfoot> | 代表表格中一塊列摘要 （表尾）类垫。 |
| <tr> | 代表表格中的行 。 |
| <td> | 代表表格中的單元格 琅坡。 |
| <th> | 代表表格中的頭部單元格 悉患。 |
表單Edit
| Element | Description |
|---|---|
| <form> | 代表一個(gè)表單 ，由控件組成榆俺。 |
| <fieldset> | 代表控件組 售躁。 |
| <legend> | 代表 <fieldset> 控件組的標(biāo)題 。 |
| <label> | 代表表單控件的標(biāo)題 茴晋。 |
| <input> | 代表允許用戶編輯數(shù)據(jù)的數(shù)據(jù)區(qū) （文本框陪捷、單選框、復(fù)選框等）诺擅。 |
| <button> | 代表按鈕 市袖。 |
| <select> | 代表下拉框 。 |
| *<datalist> | 這個(gè)元素在 HTML5 中加入 代表提供給其他控件的一組預(yù)定義選項(xiàng) 烁涌。 |
| <optgroup> | 代表一個(gè)選項(xiàng)分組 苍碟。 |
| <option> | 代表一個(gè) <select> 元素或 <datalist> 元素中的一個(gè)選項(xiàng) |
| <textarea> | 代表多行文本框 。 |
| *<keygen> | 這個(gè)元素在 HTML5 中加入 代表一個(gè)密鑰對(duì)生成器 控件撮执。 |
| *<output> | 這個(gè)元素在 HTML5 中加入 代表計(jì)算值 微峰。 |
| *<progress> | 這個(gè)元素在 HTML5 中加入 代表進(jìn)度條 。 |
| *<meter> | 這個(gè)元素在 HTML5 中加入 代表滑動(dòng)條 抒钱。 |
交互元素Edit
| Element | Description | |
|---|---|---|
| *<details> | 這個(gè)元素在 HTML5 中加入 代表一個(gè)用戶可以(點(diǎn)擊)獲取額外信息或控件的小部件 蜓肆。 | |
| *<summary> | 這個(gè)元素在 HTML5 中加入 代表 *<details> | 元素的綜述 或標(biāo)題 颜凯。 |
| *<menuitem> | 這個(gè)元素在 HTML5 中加入 代表一個(gè)用戶可以點(diǎn)擊的菜單項(xiàng)。 | |
| *<menu> | 這個(gè)元素在 HTML5 中加入 代表菜單仗扬。 |
