Bootstrap

HTML的列表与超链接

一、列表

HTML提供了3种常用的列表:无序列表、有序列表和定义列表。

1、无序列表

无序列表是网页中最常用列表,之所以称为“无序列表”是因为其各个列表项之间没有顺序级别之分,通常是并列的。<ul></ul>标记定义无序列表,<li></li>用于描述具体的列表项

<ul>
   <li>列表项1</li>
   <li>列表项2</li>
   <li>列表项3</li>
   <li>列表项4</li>

</ul>

<ul>和<li>都有type属性,用于指定列表的项目符号。无序列表常用type属性值

type显示效果
disc(默认值)
circle

   ○

square   ■

2、有序列表

  有序列表即为有排列顺序的列表,定义有序列表的基本语法格式如下:

<o1>
<1i>列表项1</1i>
<li>列表项2</1i>
<1i>列表项3</1i>
</01>

在上面的语法中,<ol></ol>标记用于定义有序列表,<li><1i为具体的列表项,和无序列表类似,每对<ol></ol>中也至少应包含一对<li></li>。在有序列表中,除了type属性之外,还可以为<ol>定义start属性、为<li>定义value属性,它们决定有序列表的项目符号,其取值和含义如表所示shu

属性属性值描述
type1(默认)项目符号:1、2、3
a或A项目符号:a、b或A、B
i或I项目符号:i、ii、iii或I、II、II
start数字规定项目的起始值
value数字规定项目符号的数字

3、定义列表

定义列表常用于对属于或名词进行解释和描述,与无序列表和有序列表不同,定义列表的列表项前没有任何项目符号。

<dl>
<dt>名词1</dt>
<dd>名词解释1</dd>
<dd>名词解释2</dd>
</dl>

在上面的语法中,<dl></dl>标记用于指定定义列表,<dt></dt>和<dd></dd>并列嵌套在<dl></dl>中,其中,<dt></dt>标记用于指定术语名词,<dd></dd>标记用于对名词进行解释和描述一对<dt></dt>可以对应多对<dd></dd>,即可以对一个名词进行多项解释。

二、超链接

超链接虽然在网页中占有不可替代的地位,但是在HTML中创建超链接非常简单,只需第用<a></a>标记环绕需要被链接的对象。其基本语法格式如下:

<a href="跳转目标”target=”目标窗口的弹出方式”>文本或图像</a>

上面的语法中,<a>标记是一个行内标记,用于定义超链接,href和target为其常用属列性,下面对它们进行具体解释。

href:用于指定链接目标的url地址,当为<a>标记应用href属性时,它就具有了超链接的功能。target:用于指定链接页面的打开方式,其取值有_self和_blank两种,其中_self为默认值,意为在原窗口中打开,_blank为在新窗口中打开。

;