链接和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 阅读(241)
评论(0) 编辑 收藏 所属分类:
脚本语言及页面设计