网站首页 手机版
 注册 登录
您现在的位置: 畅无忧设计 >> 网站建设 >> Xhtml教程 >> 正文
最新文章
· XHTML制作网页的标准新闻列表
· XHTML网页教程问答
· 常用的XHTML标签的使用技巧
· 网页设计学习XHTML应用小结
· 总结XHTML代码常见的应用问题
· 标记类语言:与HTML相比XHTML有什么特
· Xhtml的结构标签
· XHTML+CSS:调用样式表
· 问与答:用HTML还是用XHTML
· 学习完XHTML了?XHTML总结
热门文章
 XHTML+CSS:调用样式表
 问与答:用HTML还是用XHTML
 网页设计学习XHTML应用小结
 XHTML网页教程问答
 标记类语言:与HTML相比XHTML有什么
 常用的XHTML标签的使用技巧
 XHTML制作网页的标准新闻列表
 总结XHTML代码常见的应用问题
 Xhtml的结构标签
 XHTML教程——列表
相关文章
没有相关文章
XHTML教程——列表
来源:菜鸟吧 更新时间:2009/5/14 10:03:16 阅读次数:
字体:[ ] 我要投稿

  无序列表(项目列表)

  无序列表的标签是<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> 

        保存后浏览网页,请确认您页面的效果与这个页面相同。我们可以看到无序列表与有序列表在外观上的不同就是项目每个项目前面是小圆点还是数字。而在含义上,ul表示的是并列关系,ol则表示有先后顺序关系。

  • 上一篇文章:
  • 下一篇文章:
  • 关于我们 - 联系我们 - 广告服务 - 在线投稿 - 友情链接 - 网站地图 - 版权声明
    CopyRight 2008-2010, CWYDESIGN.COM - 畅无忧设计, Inc. All Rights Reserved
    滇ICP备09005765号