文章分类
HTML/CSS Flash教程 Fireworks教程 Dreamweave JavaScript 网站推广 网页理论 其他教程 视频教程
 产品搜索
关键字: 分类:

最新素材图库


当前位置:首页 >> 网页教程>> HTML/CSS >> XHTML入门学习教程:列表标签的使用

XHTML入门学习教程:列表标签的使用


作者: 佚名 来源:网络 浏览:46 日期:2008-8-27 8:59:09

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

无序列表(项目列表)

无序列表的标签是<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入门学习教程:XHTML超级链接<A> 下一篇:XHTML入门学习教程:XHTML网页图片应用
【关闭窗口】 【返回顶部】返回网页教程】 【返回HTML/CSS

相关推荐文章

第8天:CSS布局入门

CSS:标准下的隔行换..

CSS:超越网格的布局

最窄770px最宽10..

CSS教程—元素的定位

超链接图标规范:提升文..

让自己的网站也拥有权威..


关于本站 | 广告服务 | 联系我们 | 站点留言 | 活动支持 | 友情链接 | 投稿热线 | 网站地图
版权所有 Copyright@ 2005 设计路上 QQ技术讨论群 24980615(已满) 5204059(已满) 4337615(已满)
业务联系Email:huchuangwu@hotmail.com 粤ICP备05029101号