这次给大家带来在html的列表中,dl(dt,dd)、ul(li)、ol(li) 有什么不同,在html的列表中,使用dl(dt,dd)、ul(li)、ol(li) 的注意事项有哪些,下面就是实战案例,一起来看一下。
html 5c69336ffbc20d23018e48b396cdd57a 标签
#定义和用法
5c69336ffbc20d23018e48b396cdd57a 标签定义了定义列表(definition list)。
5c69336ffbc20d23018e48b396cdd57a 标签用于结合 73de882deff7a050a357292d0a1fca94 (定义列表中的项目)和 67bc4f89d416b0b8236eaa5f43dee742 (描述列表中的项目)。
#实例
代码如下:
<dl>
<dt>计算机</dt>
<dd>用来计算的仪器 ... ...</dd>
<dt>显示器</dt>
<dd>以视觉方式显示信息的装置 ... ...</dd>
</dl>
html <ul> 标签
#定义和用法
<ul> 标签定义无序列表。
#实例
无序 html 列表:
<ul>
<li>coffee</li>
<li>tea</li>
<li>milk</li>
</ul>
html <ol> 标签
#定义与用法
<ol> 标签定义有序列表。
#实例
有序 html 列表:
<ol>
<li>coffee</li>
<li>tea</li>
<li>milk</li>
</ol>
ul可以结合ol定义菜单及子菜单
<ul>
<li><a href="#">内容过滤</a><li>
<li><a href="#">词语过滤</a></li>
<li class="s">
<div class="lsub">
<div>论坛</div>
<ol>
<li><a href="#">论坛主题管理</a></li>
<li><a href="#">论坛批量删帖</a></li>
</ol>
</div>
</li>
<ul>
相信看了这些案例你已经掌握了方法,更多精彩请关注其它相关文章!
相关阅读:
html的元素怎么设置焦点
html怎样使用超链接打开新窗口并且控制该窗口属性
a标签href属性与onclick事件应该如何使用
以上就是在html的列表中,dl(dt,dd)、ul(li)、ol(li) 有什么不同的详细内容。