手机
当前位置:查字典教程网 >网页设计 >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入门学习教程:列表标签的使用】相关文章:

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

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

HTML教程:定义列表

HTML教程:收集的常用的HTML标签(4)

HTML其实就是学习几个重要标记的应用

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

XHTML入门学习教程:XHTML标签

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

HTML表格标记教程(30):单元格的暗边框色属性BORDERCOLORDARK

HTML表格标记教程(15):表格的标题

精品推荐
分类导航