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