美文网首页
HTML-自定义列表

HTML-自定义列表

作者: 小驴拉磨 | 来源:发表于2020-07-27 18:09 被阅读0次

定义列表常用于对术语或名词进行解释和描述,定义列表的列表项前没有任何项目符号。其基本语法如下:

<dl>
    <dt>名词1</dt>
    <dd>名词1解释1</dd>
    <dd>名词1解释2</dd>
    <dd>名词1解释3</dd>
    <dt>名词2</dt>
    <dd>名词2解释1</dd>
    <dd>名词2解释2</dd>
    <dd>名词2解释3</dd>
</dl>

例如:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>小驴拉磨</title>
</head>
<body>
    <!-- 图片在同级目录 -->
    <h3>最喜欢的水果</h3>
    
    <dl>
        <dt>水果</dt>
        <dd>苹果</dd>
        <dd>香蕉</dd>
        <dd>哈密瓜</dd>
        <dt>蔬菜</dt>
        <dd>西红柿</dd>
        <dd>大白菜</dd>
        <dd>土豆</dd>
    </dl>

</body>
</html>
image.pngimage.png

相关文章

  • HTML-自定义列表

    定义列表常用于对术语或名词进行解释和描述,定义列表的列表项前没有任何项目符号。其基本语法如下: 例如:

  • [note] HTML list|table|form

    一. HTML-列表元素 列表元素 有序列表:ol、liol(ordered list)有序列表,直接子元素只能是...

  • HTML-列表

    列表分为:无序列表、有序列表、定义列表。 1.无序列表:使用粗体圆点(典型的小黑圆圈)进行标记。 ...

  • HTML的三个作业

    第一个作业:html-列表html-list这个作业主要是使用列表来嵌套,最外层是无序列表,然后是有序列表,最后再...

  • html-列表实现

    今天,我要实现的列表是这样的: 列表实现的源代码参见github 完成这个列表我们来拆分一下任务吧,这个列表从外向...

  • HTML-速查列表

    基本文档 基本标签 文本格式化 链接 图片 样式/区块 无序列表 有序列表 定义列表 表格 框架 表单 实体

  • H5竖屏模板

    【html-头部】 【html-内容区】 为了...

  • HTML-无序列表

    无序列表的各个列表项之间没有顺序级别之分,是并列的。其基本语法格式如下: 示例代码: 注意事项:1. 中只能嵌套...

  • HTML-有序列表

    有序列表即为有排列顺序的列表,其各个列表项按照一定的顺序排列定义,有序列表的基本语法格式如下:

  • 四 HTML-列表标签

    一、无序列表(unordered list)(双标签) 1、作用 给一堆内容添加无序列表语义(一个没有先后顺序整体...

网友评论

      本文标题:HTML-自定义列表

      本文链接:https://www.haomeiwen.com/subject/qactrktx.html