HTML:如何将链接插入有序/无序列表?

时间:2013-08-24 00:18:51

标签: html css list hyperlink

大家好我正在创建一个有趣的网站,我想知道如何在订单/无序列表中插入链接?另外(尽管它不在标题中)<li></li>标签是什么?

2 个答案:

答案 0 :(得分:6)

像这样:

<ul>
    <li><a href="#">Link 1</a></li>
    <li><a href="#">Link 2</a></li>
</ul>

li代表“列表项”。这是<ul>...</ul>的直接子项唯一标记,因此您必须将链接放在<li>内。

答案 1 :(得分:2)

我为你创建了example

以下是我的jsfiddle的代码:

<p id="top">This is the top of the file</p>

<ul> Favourite sports
<li><a href="http://en.wikipedia.org/wiki/Football">Football</a></li>
<li><a href="http://en.wikipedia.org/wiki/Tennis">Tennis</a></li>
<li><a href="http://en.wikipedia.org/wiki/Rugby_football">Rugby</a></li>
</ul>



<p><a href="#top">This link goes to the top</a></p>

标签li指的是列表项。 链接在有序和无序列表中以相同的方式编写。