HTML引用
-
<q>元素定義短的引用，瀏覽器通常會為<q>元素包圍引號妇垢。 -
<blockquote>元素定義被引用的節(jié)夭委，瀏覽器通常會對<blockquote>元素進行縮進處理。 -
<abbr>元素定義縮寫或首字母縮略語能岩。對縮寫進行標(biāo)記能夠為瀏覽器寞宫、翻譯系統(tǒng)以及搜索引擎提供有用的信息。 -
<dfn>元素定義項目或縮寫的定義拉鹃。如果希望簡而化之辈赋，請設(shè)置<dfn>元素的title屬性或使用<abbr>代替。 -
<address>元素定義文檔或文章的聯(lián)系信息（作者/擁有者）膏燕。
此元素通常以斜體顯示炭庙。大多數(shù)瀏覽器會在此元素前后添加折行。 -
<cite>元素定義著作的標(biāo)題煌寇。瀏覽器通常會以斜體顯示 <cite> 元素。 -
<bdo>元素定義雙流向覆蓋（bi-directional override）逾雄。
<bdo> 元素定義文本方向阀溶，用于覆蓋當(dāng)前文本方向：
<bdo dir="rtl">My Bolg</bdo>
gloB yM
HTML鏈接
HTML使用標(biāo)簽<a>來設(shè)置超文本鏈接腻脏，使用超級鏈接與網(wǎng)絡(luò)上的另一個文檔相連。
默認情況下银锻，鏈接將以以下形式出現(xiàn)在瀏覽器中：
- 一個未訪問過的鏈接顯示為藍色字體并帶有下劃線永品。
- 訪問過的鏈接顯示為紫色并帶有下劃線。
- 點擊鏈接時击纬，鏈接顯示為紅色并帶有下劃線鼎姐。
- 當(dāng)把鼠標(biāo)指針移動到網(wǎng)頁中的某個鏈接上時，箭頭會變?yōu)橐恢恍∈帧?/li>
有兩種使用 <a> 標(biāo)簽的方式：
- 通過使用 href 屬性（規(guī)定鏈接的目標(biāo)）- 創(chuàng)建指向另一個文檔的鏈接更振。
- 通過使用 name 屬性（規(guī)定錨（anchor）的名稱）- 創(chuàng)建文檔內(nèi)的書簽炕桨。
基本的注意事項 - 有用的提示
- 請始終將正斜杠添加到子文件夾。假如這樣書寫鏈接：
肯腕，就會向服務(wù)器產(chǎn)生兩次 HTTP 請求献宫。這是因為服務(wù)器會添加正斜杠到這個地址，然后創(chuàng)建一個新的請求实撒，就像這樣：姊途。- 也可以使用 id 屬性來替代 name 屬性，命名錨同樣有效知态。
命名錨經(jīng)常用于在大型文檔開始位置上創(chuàng)建目錄捷兰。可以為每個章節(jié)賦予一個命名錨负敏，然后把鏈接到這些錨的鏈接放到文檔的上部贡茅。- 假如瀏覽器找不到已定義的命名錨，那么就會定位到文檔的頂端原在。不會有錯誤發(fā)生友扰。
使用 Target 屬性，你可以定義被鏈接的文檔在何處顯示庶柿。
_blank
瀏覽器總在一個新打開村怪、未命名的窗口中載入目標(biāo)文檔。
_self
這個目標(biāo)的值對所有沒有指定目標(biāo)的 <a> 標(biāo)簽是默認目標(biāo)浮庐，它使得目標(biāo)文檔載入并顯示在相同的框架或者窗口中作為源文檔甚负。這個目標(biāo)是多余且不必要的，除非和文檔標(biāo)題 <base> 標(biāo)簽中的 target 屬性一起使用审残。
_parent
這個目標(biāo)使得文檔載入父窗口或者包含來超鏈接引用的框架的框架集梭域。如果這個引用是在窗口或者在頂級框架中，那么它與目標(biāo)_self 等效搅轿。
_top
這個目標(biāo)使得文檔載入包含這個超鏈接的窗口病涨，用 _top 目標(biāo)將會清除所有被包含的框架并將文檔載入整個瀏覽器窗口。
提示：這些 target 的所有 4 個值都以下劃線開始璧坟。任何其他用一個下劃線作為開頭的窗口或者目標(biāo)都會被瀏覽器忽略既穆，因此赎懦，不要將下劃線作為文檔中定義的任何框架 name 或 id 的第一個字符。
使用a鏈接發(fā)送郵件：
<p>
這是一個電子郵件鏈接：
<a href="mailto:someone@example.com?cc=someoneelse@example.com&bcc=andsomeoneelse@example.com&subject=Summer%20Party&body=You%20are%20invited%20to%20a%20big%20summer%20party!" target="_top">發(fā)送郵件!</a>
</p>
<p>
<b>注意:</b> 單詞直接空格使用 %20 代替幻工，以確保瀏覽器可以正常顯示文本励两。
</p>
HTML頭部
HTML <head>元素
-
<head>元素是所有頭部元素的容器。 - 在
<head>元素中你可以插入腳本（scripts）, 樣式文件（CSS）囊颅，及各種meta元信息当悔。 - 以下標(biāo)簽都可以添加到 head 部分：
<title>、<base>踢代、<link>盲憎、<meta>、<script>以及<style>奸鬓。
HTML<title> 元素
-
<title>標(biāo)簽定義文檔的標(biāo)題焙畔。 -
<title>元素在所有 HTML/XHTML 文檔中都是必需的。 -
<title>元素能夠：
1.定義瀏覽器工具欄中的標(biāo)題
2.提供頁面被添加到收藏夾時顯示的標(biāo)題
3.顯示在搜索引擎結(jié)果中的頁面標(biāo)題
HTML<base> 元素
-
<base>標(biāo)簽為頁面上的所有鏈接規(guī)定默認地址或默認目標(biāo)（target）：
<head>
<base target="_blank">
</head>
HTML<link> 元素
-
<link>標(biāo)簽定義了文檔與外部資源之間的關(guān)系串远。 -
<link>標(biāo)簽通常用于鏈接到樣式表：
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
HTML<style> 元素
-
<style>標(biāo)簽用于為 HTML 文檔定義樣式信息宏多。 - 可以在 style 元素內(nèi)規(guī)定 HTML 元素在瀏覽器中呈現(xiàn)的樣式：
<head>
<style type="text/css">
body {background-color:red}
p {color:blue}
</style>
</head>
HTML <meta>元素
- 元數(shù)據(jù)（metadata）是關(guān)于數(shù)據(jù)的信息。
-
<meta>標(biāo)簽提供關(guān)于 HTML 文檔的元數(shù)據(jù)澡罚，元數(shù)據(jù)不會顯示在頁面上伸但，但會被瀏覽器解析。 - 元素通常用于指定網(wǎng)頁的描述留搔，關(guān)鍵詞更胖，文檔的作者、最后修改時間和其他元數(shù)據(jù)隔显。
-
<meta>標(biāo)簽始終位于 head 元素中却妨。 - 元數(shù)據(jù)可用于瀏覽器（如何顯示內(nèi)容或重新加載頁面），搜索引擎（關(guān)鍵詞）括眠，或其他 web 服務(wù)彪标。
<meta> 標(biāo)簽- 使用實例
一些搜索引擎會利用 meta 元素的 name 和 content 屬性來索引您的頁面，name 和 content 屬性的作用是描述頁面的內(nèi)容掷豺。
為搜索引擎定義關(guān)鍵詞:
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
為網(wǎng)頁定義描述內(nèi)容:
<meta name="description" content="免費 Web & 編程 教程">
定義網(wǎng)頁作者:
<meta name="author" content="Runoob">
每30秒中刷新當(dāng)前頁面:
<meta http-equiv="refresh" content="30">
HTML<script> 元素
-
<script>標(biāo)簽用于定義客戶端腳本捞烟，比如 JavaScript。
HTML 圖像
圖像標(biāo)簽（<img />）和源屬性（Src）
<img /> 是空標(biāo)簽当船，意思是說题画，它只包含屬性，并且沒有閉合標(biāo)簽德频。
定義圖像的語法是：
- 要在頁面上顯示圖像苍息，需要使用源屬性src （"source"）來指明圖像的 URL 地址。
- 加載頁面時，如果頁面的圖像路徑?jīng)]有被正確設(shè)置档叔，瀏覽器則無法加載圖片桌粉，圖像標(biāo)簽就會顯示一個破碎的圖片。
替換文本屬性（Alt）
alt 屬性用來為圖像定義一串預(yù)備的可替換的文本衙四，替換文本屬性的值是用戶自定義的。
- 在瀏覽器無法載入圖像時患亿，替換文本屬性告訴讀者他們失去的信息传蹈。此時，瀏覽器將顯示這個替代性的文本而不是圖像步藕。
- 為頁面上的圖像都加上替換文本屬性是個好習(xí)慣惦界，這樣有助于更好的顯示信息，并且對于那些使用純文本瀏覽器的人來說是非常有用的咙冗。
- 指定圖像的高度和寬度的一個很好的習(xí)慣沾歪。如果圖像指定了高度寬度，頁面加載時就會保留指定的尺寸雾消。如果沒有指定圖片的大小灾搏，加載頁面時有可能會破壞HTML頁面的整體布局。
創(chuàng)建圖片映射筆記：
<img>定義圖像立润，<map>定義圖像地圖狂窑，<area>定義圖像地圖中的可點擊區(qū)域
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm">
<area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.htm">
<area shape="circle" coords="124,58,8" alt="Venus" href="venus.htm">
</map>
該段代碼中的shape指的是點擊區(qū)域的形狀，coords指的應(yīng)該是鏈接區(qū)域在圖片中的坐標(biāo)（像素為單位）桑腮。
1泉哈、距形：(左上角頂點坐標(biāo)為(x1,y1)，右下角頂點坐標(biāo)為(x2,y2))
<area shape="rect" coords="x1,y1,x2,y2" href=url>
2破讨、圓形：(圓心坐標(biāo)為(X1,y1)丛晦，半徑為r)
<area shape="circle" coords="x1,y1,r" href=url>
3、多邊形：(各頂點坐標(biāo)依次為(x1,y1)提陶、(x2,y2)烫沙、(x3,y3) ......)
<area shape="poly" coords="x1,y1,x2,y2 ......" href=url>
HTML表格
表格由<table> 標(biāo)簽來定義。每個表格均有若干行（由 <tr>標(biāo)簽定義）搁骑，每行被分割為若干單元格（由 <td>標(biāo)簽定義）斧吐。
- 字母
td指表格數(shù)據(jù)（table data），即數(shù)據(jù)單元格的內(nèi)容仲器。數(shù)據(jù)單元格可以包含文本煤率、圖片、列表乏冀、段落蝶糯、表單、水平線辆沦、表格等等昼捍。 - 如果不定義邊框?qū)傩允缎椋砀衲J將不顯示邊框。有時這很有用妒茬，但是大多數(shù)時候担锤，我們使用
border屬性來顯示邊框。 - 表格的標(biāo)題使用
<caption>標(biāo)簽進行定義乍钻，位于<table>開始標(biāo)簽與<tr>或<thead>標(biāo)簽之間肛循。 - 表格的表頭使用
<th>標(biāo)簽進行定義，大多數(shù)瀏覽器會把表頭顯示為粗體居中的文本银择。 - 在一些瀏覽器中多糠，沒有內(nèi)容的表格單元顯示得不太好。如果某個單元格是空的（沒有內(nèi)容）浩考，瀏覽器可能無法顯示出這個單元格的邊框夹孔。為了避免這種情況，在空單元格中添加一個
空格占位符析孽，就可以將邊框顯示出來搭伤。 -
橫向跨列屬性：
colspan縱向跨行屬性：rowspan如果是又橫向又縱向的合并，這個時候同時標(biāo)示colspan和rowspan（空格隔開）绿淋。合并后的單元格歸屬原則都是左上原則闷畸，即下歸上，右歸左吞滞，越往左上角越優(yōu)先佑菩。 - 單元格邊距(
Cell padding)， 用來創(chuàng)建單元格內(nèi)容與其邊框之間的空白裁赠。 - 單元格邊距(
Cell spacing)殿漠， 用來增加單元格之間的距離。
HTML列表
HTML 支持有序佩捞、無序和自定義列表绞幌，三種列表項內(nèi)部都可以使用段落、換行符一忱、圖片莲蜘、鏈接以及其他列表等等。
有序列表
- 有序列表是一列項目帘营，列表項目默認使用數(shù)字進行標(biāo)記票渠。
- 有序列表始于
<ol>標(biāo)簽。每個列表項始于<li>標(biāo)簽芬迄。 - 有序列表可根據(jù)
<ol>的type屬性的值為A问顷、 a、 I、 i 來分別使用大寫字母杜窄，小寫字母肠骆，大寫羅馬字母，小寫羅馬字母來標(biāo)記列表項目塞耕。
無序列表
- 無序列表也是一個項目的列表蚀腿，默認使用粗體圓點（典型的小黑圓圈）進行標(biāo)記。
- 無序列表始于
<ul>標(biāo)簽扫外。每個列表項始于<li>標(biāo)簽唯咬。 - 無序列表可根據(jù)
<ul>的type屬性的值為disc、 circle畏浆、 square 來分別使用實心小黑圓圈（默認），空心小黑圓圈狞贱，實心小黑方塊來標(biāo)記列表項目刻获。
定義列表
- 自定義列表不僅僅是一列項目，而是項目及其注釋的組合瞎嬉。
- 自定義列表以
<dl>標(biāo)簽開始蝎毡，每個自定義列表項以<dt>開始，每個自定義列表項的定義以<dd>開始氧枣。
<dl> //自定義列表
<dt>Coffee</dt> //列表項
<dd>- black hot drink</dd> //列表項的注釋
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>
