无序列表特点,有序列表和无序列表的区别

列表的应用场景

场景:在网页中按照行展示关联性的内容,如:新闻列表、排行榜、账单等
Ø 特点:按照行的方式,整齐显示内容
Ø 种类:无序列表、有序列表、自定义列表

 

无序列表特点,有序列表和无序列表的区别

 

 

无序列表

场景:在网页中表示一组无顺序之分的列表,如:新闻列表。

无序列表特点,有序列表和无序列表的区别

无序列表特点,有序列表和无序列表的区别

显示特点:
• 列表的每一项前默认显示圆点标识
Ø 注意点:
• ul标签中只允许包含li标签
• li标签可以包含任意内容

 

 

有序列表

场景:在网页中表示一组有顺序之分的列表,如:排行榜。

无序列表特点,有序列表和无序列表的区别

无序列表特点,有序列表和无序列表的区别

显示特点:
• 列表的每一项前默认显示序号标识
Ø 注意点:
• ol标签中只允许包含li标签
• li标签可以包含任意内容

有序列表标签的嵌套规范是什么?
• ol标签中只允许嵌套li标签
• li标签中可以嵌套任意内容

 

 

自定义列表

场景:在网页的底部导航中通常会使用自定义列表实现。

无序列表特点,有序列表和无序列表的区别

无序列表特点,有序列表和无序列表的区别

显示特点:
• dd前会默认显示缩进效果
Ø 注意点:
• dl标签中只允许包含dt/dd标签
• dt/dd标签可以包含任意内容

 

自定义列表由几个标签组成?分别表示什么?
• dl标签:表示自定义列表的整体
• dt标签:表示自定义列表的主题
• dd标签:表示对于主题的每一项内容
Ø 自定义列表标签的嵌套规范是什么?
• dl标签中只允许嵌套dt/dd标签
• dt/dd标签中可以嵌套任意内容

 

 

无序列表最常用,有序列表偶尔用,自定义列表底部导航用

无序列表特点,有序列表和无序列表的区别

主题测试文章,只做测试使用。发布者:果壳日志,转转请注明出处:https://www.xin12123.com/n/395.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022年 11月 10日 下午1:21
下一篇 2022年 11月 11日 上午11:29

相关推荐

  • 没有语义的布局标签是什么? div和span

    没有语义的布局标签-div和span 场景:实际开发网页时会大量频繁的使用到div和span这两个没语义的布局标签Ø div标签:一行只显示一个(独占一行)Ø span标签:一行可以显示多个   常用于布局的无语义标签有哪两个?各自的特点有哪些?• div:独占一行• span:一行中可以显示多

    HTML 2022年 11月 11日
    00
  • 表格的基本标签是什么?表格最基本的三个标签

    表格的基本标签  table > tr > td 场景:在网页中以行+列的单元格的方式整齐展示和数据,如:学生成绩表 注意点:• 标签的嵌套关系:table > tr > td

    2022年 11月 11日
    00
  • html标题标签有哪些?html标题字体大小

    在新闻和文章的页面中,都离不开标题,用来突出显示文章主题。 代码:h系列标签 语义:1~6级标题,重要程度依次递减特点:• 文字都有加粗• 文字都有变大,并且从h1 → h6文字逐渐减小• 独占一行注意点:h1标签对于网页尤为重要,开发中有特定的使用场景,如:新闻的标题、网页的logo部分 标题标签一共有几个?分别表示什么含义?• h1标签:一级标题• h2…

    2022年 11月 2日
    00
  • html5结构标签有哪些?HTML标签的结构形态有以下几种

    标签的结构图: 结构说明: 1. 标签由<、>、/、英文单词或字母组成。并且把标签中<>包括起来的英文单词或字母称为标签名2. 常见标签由两部分组成,我们称之为:双标签。前部分叫开始标签,后部分叫结束标签,两部分之间包裹内容3. 少数标签由一部分组成,我们称之为:单标签。自成一体,无法包裹内容。 常见标签由几部分组成?称之为? 答:两…

    2022年 11月 2日
    00
  • select下拉菜单标签, select下拉菜单option标签的用法?

    select下拉菜单标签 场景:在网页中提供多个选择项的下拉菜单表单控件Ø 标签组成:• select标签:下拉菜单的整体• option标签:下拉菜单的每一项Ø 常见属性:• selected:下拉菜单的默认选中 代码演示:

    2022年 11月 11日
    00

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信