HTML 速查

收錄一部分自己沒(méi)有記住的東西矿酵，以備查詢浪箭。

HTML `<meta>` 元素

meta標(biāo)簽描述了一些基本的元數(shù)據(jù)。

<meta>標(biāo)簽提供了元數(shù)據(jù).元數(shù)據(jù)也不顯示在頁(yè)面上下梢，但會(huì)被瀏覽器解析客蹋。

META元素通常用于指定網(wǎng)頁(yè)的描述，關(guān)鍵詞孽江，文件的最后修改時(shí)間讶坯，作者，和其他元數(shù)據(jù)竟坛。
元數(shù)據(jù)可以使用于瀏覽器（如何顯示內(nèi)容或重新加載頁(yè)面）闽巩，搜索引擎（關(guān)鍵詞），或其他Web服務(wù)担汤。

<meta>一般放置于<head>區(qū)域

<meta> 標(biāo)簽- 使用實(shí)例

為搜索引擎定義關(guān)鍵詞:

<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">

為網(wǎng)頁(yè)定義描述內(nèi)容:

<meta name="description" content="Free Web tutorials on HTML and CSS">

定義網(wǎng)頁(yè)作者:

<meta name="author" content="Hege Refsnes">

每30秒中刷新當(dāng)前頁(yè)面:

<meta http-equiv="refresh" content="30">

上標(biāo)涎跨，下標(biāo)

<sub>這是上標(biāo)</sub>
<sup>這是下標(biāo)</sup>

_{這是上標(biāo)}正常文字^{這是下標(biāo)}

id 錨點(diǎn)

id屬性可用于創(chuàng)建在一個(gè)HTML文檔書(shū)簽標(biāo)記。

提示: 書(shū)簽是不以任何特殊的方式顯示崭歧，在HTML文檔中是不顯示的隅很，所以對(duì)于讀者來(lái)說(shuō)是隱藏的。

【實(shí)例】

//在HTML文檔中插入ID:
<a id="tips">有用的提示部分</a>
//在HTML文檔中創(chuàng)建一個(gè)鏈接到"有用的提示部分(id="tips"）"：
<a href="#tips">訪問(wèn)有用的提示部分</a>
//或者率碾，從另一個(gè)頁(yè)面創(chuàng)建一個(gè)鏈接到"有用的提示部分(id="tips"）"：
<a >
訪問(wèn)有用的提示部分</a>

塊區(qū)塊元素與內(nèi)聯(lián)元素

HTML 區(qū)塊元素

大多數(shù) HTML 元素被定義為塊級(jí)元素或內(nèi)聯(lián)元素叔营。

塊級(jí)元素在瀏覽器顯示時(shí)，通常會(huì)以新行來(lái)開(kāi)始（和結(jié)束）所宰。例如：

 <h1>, <p>, <ul>, <table>

HTML 內(nèi)聯(lián)元素

內(nèi)聯(lián)元素在顯示時(shí)通常不會(huì)以新行開(kāi)始绒尊。例如：

<b>, <td>, <a>, <img>

HTML <div> 元素

HTML <div> 元素是塊級(jí)元素，它可用于組合其他 HTML 元素的容器仔粥。

<div> 元素沒(méi)有特定的含義婴谱。除此之外蟹但，由于它屬于塊級(jí)元素，瀏覽器會(huì)在其前后顯示折行谭羔。

HTML <span> 與元素

HTML '<span>' 元素是內(nèi)聯(lián)元素华糖，可用作文本的容器。

'<span>' 元素也沒(méi)有特定的含義瘟裸。

表單

<form action="">
<fieldset>
    <legend>Personal information:</legend>
    Name: <input type="text" size="30"><br>
    E-mail: <input type="text" size="30"><br>
    Date of birth: <input type="text" size="10">
</fieldset>
</form>

<form action="">
<fieldset>
<legend>Personal information:</legend>
Name: <input type="text" size="30">

E-mail: <input type="text" size="30">

Date of birth: <input type="text" size="10">
<input type="submit" value="提交" style="display:block">
</fieldset>
</form>

單選按鈕

<form action="">
<input type="radio" name="sex" value="male">Male<br>
<input type="radio" name="sex" value="female">Female
</form>

<form action="">
<input type="radio" name="sex" value="male">Male

<input type="radio" name="sex" value="female">Female
</form>

復(fù)選框

<form action="">
<input type="checkbox" name="vehicle" value="Bike">I have a bike<br>
<input type="checkbox" name="vehicle" value="Car">I have a car 
</form>

下拉框

<form action="">
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
</form>

<form action="">
<select name="cars">
<option value="volvo" >Volvo</option>
<option value="saab" selected>Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
</form>

文本域

<textarea rows="10" cols="30">
我是一個(gè)文本框客叉。
</textarea>

框架

<iframe src="http://www.hangdanyang.com/" width="800" height="400" frameborder="0" name="iframe_a"></iframe>
<p><a  target="iframe_a">baidu</a></p>

HTML 顏色名

請(qǐng)戳我

HTML 字符實(shí)體