手机
当前位置:查字典教程网 >网页设计 >XHTML >XHTML入门学习教程:列表标签的使用
XHTML入门学习教程:列表标签的使用
摘要:列表用于罗列出来一系列相似或者相关的项目.无序列表(项目列表)无序列表的标签是,而每一个列表项目则用标签。下面我们就用无序列表来改写我们的"...

列表用于罗列出来一系列相似或者相关的项目. 无序列表(项目列表)

无序列表的标签是<ul></ul>,而每一个列表项目则用<li>标签。下面我们就用无序列表来改写我们的"index.html",打开之前保存的文件后,将"针对学生提供的服务"一段的代码修改为如下的无序列表代码:

<h3>针对学生的服务</h3>

<ul>

<li>代写寒暑假作业(数学<b>不</b>保证没有错题,语文不保证没有错字,英语作业你找别人吧)</li>

<li>帮忙欺负<b>四年级</b>以下同学,<b>特体须加收费用</b>。</li>

<li> 家长会帮忙<i>冒充家长</i>。 </li>

</ul>

保存后浏览网页,请确认您的网页和这个页面相同。。 有序列表

有序列表的标签是<ol></ol>,列表项目仍然是<li>。我们再用有序列表来改写"index.html"的”针对家长一段“,将刚刚修改的那段代码中的<ul></ul>改为<ol></ol>:

<ol>

<li>代写寒暑假作业(数学<em>不</em>保证没有错题,语文<em>不</em>保证没有错字,<b>英语作业你找别人吧!</b>)。</li>

<li>帮忙欺负<strong>四年级以下</strong>同学,<strong>特体</strong>须加收费用。</li>

<li>家长会帮忙<i>冒充家长</i>。</li>

</ol>

保存后浏览网页,请确认您页面的效果与这个页面相同。我们可以看到无序列表与有序列表的不同就是项目每个项目前面是小圆点还是数字。

【XHTML入门学习教程:列表标签的使用】相关文章:

基链接标签base的使用介绍

HTML表格标记教程(19):行标记

XHTML标记要合理使用

nofollow让评论和留言中的链接起到真正的作用

HTML表格标记教程(1):制作表格

XHTML入门学习教程:表单标签

HTML表格标记教程(14):表格的表头

HTML教程:定义列表

HTML表格标记教程(2):表格的边框属性BORDER

HTML元素(标签)大全及使用介绍

精品推荐
分类导航