ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

HTML——列表标签

2019-10-07 19:57:33  阅读:221  来源: 互联网

标签:解释 ol 序列表 名词 标签 列表 HTML


什么是列表?

把…制成表,以表显示。

容器里面装载着文字或图表的一种形式,叫列表。

列表最大的特点就是 整齐 、整洁、 有序。

无序列表 ul (重点)

无序列表的各个列表项之间没有顺序级别之分,是并列的。其基本语法格式如下:

 <ul>
   <li>列表项1</li>
   <li>列表项2</li>
   <li>列表项3</li>
   ......
 </ul>

比如下面这些,新闻是没有顺序的,不用排队,先到先得,后发布先显示。

注意

  1. <ul></ul>中只能嵌套<li></li>,直接在<ul></ul>标签中输入其他标签或者文字的做法是不被允许的。
  2. <li>与</li>之间相当于一个容器,可以容纳所有元素。
  3. 无序列表会带有自己样式属性,放下那个样式,一会让CSS来!

有序列表 ol (了解)

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

<ol>
   <li>列表项1</li>
   <li>列表项2</li>
   <li>列表项3</li>
   ......
 </ol>

所有特性基本与ul 一致。

但是实际工作中, 较少用 ol ,因此我们用一句话来总结下 ol:

自定义列表(理解)

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

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

标签:解释,ol,序列表,名词,标签,列表,HTML
来源: https://www.cnblogs.com/superjishere/p/11631880.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有