构建的HTML名单只需两个步骤

Dutch French Spanish Portuguese Italian German Japanese Chinese Korean Russian Arabic Bookmark and Share this Article Original English article
  

创建一个HTML列表需要两个要素,一起使用时,构成了清单。 .第一个因素是用来标记每个列表项 。 or unordered .第二个决定什么样的清单您要创建: 命令或无序 。

让我们逐步建立托尼的城市列表中的HTML 。

步骤一:

将每个清单项目的“李 . 元素 。

element, which means enclosing the content in an opening <li> tag and a closing </li> tag.要创建一个列表,你把每个清单项目在自己的<li>因素,这意味着内附的内容在一个开放<li>标记和关闭“ /李”的标签。 与任何其他HTML元素的内容之间的标签可短,或只要你喜欢,并打破了多行。

  此HTML中找到您的“ journal.html ”文件,并跟上变化,因为我们使他们。 

of the HTML from Tony's journal here. 我们只是显示的HTML 片段从Tony的杂志这里。
<h2> 05年8月20号“ /氢”
<img src="images/segway2.jpg" />
<p>
那么我已经使得一二○○英里已经和我通过
通过一些有趣的地方的道路上:
“ /人”
Walla Walla, WA </li> <li>沃拉沃拉,西澳“ /李”

第一个行动清单项目以外的段。 这份名单将独立存在。

Magic City, ID </li> <li>魔术市,编号“ /李”
...然后附上每个清单项目的一个<li> , “ /李”的标签。

Bountiful, UT </li> <li>丰富, UT斯达康“ /李”
Last Chance, CO </li> <li>最后的机会,二氧化碳“ /李”
Why, AZ </li> <li>为什么,美国亚利桑那“ /李”
所有这些因素将成为<li>中的项目清单。

Truth or Consequences, NM </li> <li>真相或后果,新墨西哥州“ /李”
July 14, 2005 </h2> <h2> 05年7月14日“ /氢”
<p>
我看到一些迹象缅甸剃须风格的一方
今天在路上:
“ /人”

第二步:

附上您的清单中的项目都“醇 或<ul> . 元素 。

element to enclose your list items, then the items will be displayed as an ordered list; if you use <ul> , the list will be displayed as an unordered list.如果您使用<ol>内容附上您的清单项目,然后在项目中会显示为一个有序列表;如果您使用<ul> ,该清单将显示为无序列表。 element.以下是如何附上您的项目在一个<ol>元素。

同样,我们只是显示的HTML片段从Tony的杂志这里。

  August 20, 2005 </h2> <h2> 05年8月20号“ /氢” 
<img src="images/segway2.jpg" />
<p>
那么我已经使得一千二英里已经和我通过
通过一些有趣的地方的道路上:
“ /人”
We want this to be an ordered list, because Tony <ol> 我们希望这是一个命令列表中,因为托尼
参观了城市的一个具体秩序。 因此,我们使用<ol>开放标记。

Walla Walla, WA </li> <li>沃拉沃拉,西澳“ /李”
Magic City, ID </li> <li>魔术市,编号“ /李”
Bountiful, UT </li> <li>丰富, UT斯达康“ /李”
Last Chance, CO </li> <li>最后的机会,二氧化碳“ /李”
Why, AZ </li> <li>为什么,美国亚利桑那“ /李”
Truth or Consequences, NM </li> <li>真相或后果,新墨西哥州“ /李”
所有物品的清单坐在中间的<ol>因素,并成为其内容。

And here we close the <ol> element. “ /醇” 在这里我们关闭<ol>元素。

July 14, 2005 </h2> <h2> 05年7月14日“ /氢”
<p>

我看到一些迹象缅甸剃须风格的一方
今天在路上:
“ /人”
一篇文章提出的屋大维德勒格内斯库
免责声明:我们的网站是不负责的信息本条。本文绝不反映了看法,意见,思想或信仰的文章目录的工作人员。
翻译通知:这篇文章“构建的HTML名单只需两个步骤”被翻译使用的自动翻译服务。 我们真诚地道歉,对任何翻译错误可能发生。 感谢您的谅解。


Online: 1106 users browsing the articles directory