鏈接和Web
<a>標(biāo)簽:定義文本流內(nèi)的錨
href屬性:指定超連接目標(biāo)的url,其值可以是任何有效文檔的相對或決定url,包括片段標(biāo)識符和javascript代碼。
name和id屬性:可以利用這兩個(gè)屬性在文檔中創(chuàng)建片段標(biāo)識符。其值可以是用引號引起來的任何字符串,且在同一文檔中惟一。
如:
<h2><a name="running">running!name</a></h2>
<h2><a id="running">running!id</a></h2>
然后在連接處:
<a href="guide.html#running">即可。
charset屬性:指定作為鏈接目標(biāo)的文檔中所使用的字符編碼。
type屬性:指定<a>標(biāo)簽調(diào)用的源的內(nèi)容類型。
<base>標(biāo)簽:為文檔的其他錨定義基本url。此標(biāo)簽應(yīng)只出現(xiàn)在文檔的頭部,而不應(yīng)該出現(xiàn)在文檔的主體內(nèi)容中。
href屬性:其值為一個(gè)有效的url,瀏覽器使用該值定義文檔中出現(xiàn)的相對url。
<link>標(biāo)簽:定義當(dāng)前文檔與其他文檔間的關(guān)系。只能在head內(nèi)容里面。
href屬性:指定目標(biāo)標(biāo)簽的url。
rel和rev屬性:用來表示源文檔與目標(biāo)文檔之間的關(guān)系。
type屬性:提供被鏈接文檔的MIME內(nèi)容類型。
如,<link href="styles/classic.css" rel=stylesheet type="text/css">表示在文檔的head中創(chuàng)建一個(gè)到外部樣式表的鏈接。
<meta>標(biāo)簽:提供文檔的附加信息。
name屬性:提供了由<meta>標(biāo)簽定義的名稱/值對中的名稱。如果希望文檔可以進(jìn)入搜索引擎的索引中,就可以在每個(gè)文檔的<head>中放置<meta>標(biāo)簽。
如,<meta name="keywords" content="kunming,cooking,people">
content屬性:提供名稱/值對中的值。
格式化列表
無序列表:<ul>標(biāo)簽
其中以<li>標(biāo)簽來的定義一個(gè)條目,瀏覽器一般會在每一個(gè)條目前加一個(gè)項(xiàng)目符號。
如,
This is a unsort table
<ul>
<li>book</li>
<li>food</li>
<li>computer</li>
</ul>
type屬性:定義條目前的項(xiàng)目符號,值有:disc,circle和square。
style屬性:可以通過這個(gè)屬性允許用自己的圖表圖像作為項(xiàng)目符號。
lang,dir屬性:lang屬性允許指定在列表中使用的語言;dir屬性告訴瀏覽器文本的顯示方向。
有序列表:<ol>標(biāo)簽
瀏覽器會設(shè)置與無序列表類型相似的外觀,唯一不同的是列表?xiàng)l目前加的是編號,不是項(xiàng)目符號。
如,
This is a sort table
<ol>
<li>book</li>
<li>food</li>
<li>computer</li>
</ol>
start屬性:允許改列表?xiàng)l目的初始值。瀏覽器默認(rèn)從1開始編號。
type屬性:改變列表?xiàng)l目的編號樣式。其值:A代表大寫字母,a代表小寫字母,I代表大寫羅馬數(shù)字,i代表小寫羅馬數(shù)字。
其他屬性和無序列表基本功能一樣。
<li>標(biāo)簽:定義有序,無序列表或目錄,菜單列表中的條目
type屬性:與相應(yīng)列表類型的值相同。但只會該變該項(xiàng),不會改變編號的值。
如,
<ol>
<li type=A>many books </li>
<li type=I>lots of pictures</li>
<li type=i>some computers</li>
<li type=a>much more money</li>
<li type=A>many students</li>
</ol>
value屬性:可以改變特定列表?xiàng)l目的編號,會影響其后所有條目的編號。
style和class屬性:style屬性可以為標(biāo)簽內(nèi)包含的元素創(chuàng)建內(nèi)聯(lián)樣式,而覆蓋其他任何有效的樣式規(guī)則;class屬性允許按預(yù)先定義的類格式化內(nèi)容。
嵌套無序列表:在嵌套無序列表的條目前,瀏覽器會用不同的項(xiàng)目編號來顯示不同的層次效果。如 ,空心圓點(diǎn),實(shí)心圓點(diǎn),方塊。
例如:
<ul>
<li>11111</li>
<ul>
<li>2222</li>
<li>3333</li>
<ul>
<li>44444</li>
<li>55555</li>
</ul>
<li>66666</li>
</ul>
</ul>
嵌套有序列表:瀏覽器默認(rèn)從數(shù)字1開始對條目編號。但,可以通過type和value屬性,創(chuàng)建分級結(jié)構(gòu)的嵌套有序列表。
如,
<ol>
<li type=A>many books </li>
<li type=I>lots of pictures</li>
<li type=i>some computers</li>
<li type=a>much more money</li>
<li type=A>many students</li>
</ol>
value屬性:可以改變特定列表?xiàng)l目的編號,會影響其后所有條目的編號。
style和class屬性:style屬性可以為標(biāo)簽內(nèi)包含的元素創(chuàng)建內(nèi)聯(lián)樣式,而覆蓋其他任何有效的樣式規(guī)則;class屬性允許按預(yù)先定義的類格式化內(nèi)容。
嵌套無序列表:在嵌套無序列表的條目前,瀏覽器會用不同的項(xiàng)目編號來顯示不同的層次效果。如 ,空心圓點(diǎn),實(shí)心圓點(diǎn),方塊。
例如:
<ol type="A">
<li>11111</li>
<ol type="i">
<li>2222</li>
<li>3333</li>
<ol type="a">
<li>44444</li>
<li>55555</li>
</ol>
<li>66666</li>
</ol>
<li>777777</li>
</ol>
定義列表:<dl>標(biāo)簽。其條目可以是帶有文本,圖片和其他煤體的元素。
定義列表的每個(gè)條目由兩部分組成:術(shù)語和其后的定義或解釋。
每一項(xiàng)的名稱使用<dt>標(biāo)簽而不用<li>標(biāo)簽,其后的解釋用<dd>標(biāo)簽標(biāo)記。
如,
<h3>this is a example</h3>
<dl>
<dt>computer</dt>
<dd>just a tool for people.</dd>
<dt>food</dt>
<dd>every one needed.</dd>
</dl>
正確的列表用法
無序列表主要用于:鏈接集合,簡短無序的文本組,需要強(qiáng)調(diào)的地方。
有序列表主要用于:目錄,指令序列,文本的連續(xù)段落集合。
定義列表用于:術(shù)語表,字定義的項(xiàng)目符號,任何名稱/值形式的列表。
目錄列表:<dir>標(biāo)簽
功能與無序列表一樣,也要使用<li>標(biāo)簽。
菜單列表:<menu>標(biāo)簽
也與無序表相似。不推薦使用了。
posted on 2007-12-18 03:23
matthew 閱讀(250)
評論(0) 編輯 收藏 所屬分類:
腳本語言及頁面設(shè)計(jì)