HTML中列表标签ul、ol、dl实例解析

在利用HTML进行网页结构时,经常需要利用列表标签,列表分为有序列表和无序列表,下面介绍HTML中列表标签ul、ol、dl的利用。

方式/步调

  1. 1

    新建一个HTML文件,定名为index.html,用于列表标签的测试。

  2. 2

    建立无序列表。无序列表利用<ul>标签,其内部标签是<li>,经由过程<li>来实现多条列表内容。<ul>和<li>均需要竣事标签</ul>和</li>。

  3. 3

    运行上面的代码,浏览器查看结果:

  4. 4

    建立有序列表。有序列表利用<ol>标签,其内部标签也是<li>,经由过程<li>来实现多条列表内容。<ol>和<li>均需要竣事标签</ol>和</li>。

  5. 5

    运行上面的代码,浏览器查看结果:

  6. 6

    自界说列表。自界说列表经由过程<dl>标签来实现,其内部标签有<dt>、<dd>,一般<dt>标签内放题目,<dd>标签内放具体内容。<dl>、<dt>、<dd>均需要竣事标签</dl>、</dt>、</dd>。

  7. 7

    运行上面的代码,浏览器查看结果:

  • 发表于 2019-06-14 17:02
  • 阅读 ( 1067 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
联系我们:uytrv@hotmail.com 问答工具