关于列表标签的一些使用（有序，无序，自定义列表）

列表标签：布局
特点：整齐，整洁，有序，自由和方便。
（1）无序列表（重点）
<ul>标签表示html页面中项目的无序列表，一般以项目符号呈现列表项，而列表项使用<li>标签定义，各个列表项之间是没有顺序之分的，是并列的。

<ul><li>列表项1</li><li>列表项1</li><li>列表项1</li>……
</ul>

注意：<ul>标签中只能出现<li>，其中不允许放置数据或文字等做法。而<li>中可以放置任何的元素。无序列表自带列表属性。
（2）有序列表：列表排序是以数字来显示的，并且使用

标签来定义列表
```
<ol><li>列表项1</li><li>列表项2</li><li>列表项3</li>……
</ol>
```
注意：<ol>标签中只能出现<li>，其中不允许放置数据或文字等做法。而<li>中可以放置任何的元素。无序列表自带列表属性。
（3）自定义列表:常用来对术语进行解释和描述，自定义列表的列表前没有任何项目符号。
语法格式：
<dl>标签用于定义描述（或定义列表），该标签会与<dt>（定义项目/名字）和<dd>（描述每一个项目/名字）一起使用：
```
<dl><dt>名词1</dt><dd>名词1解释1</dd><dd>名词1解释2</dd>……
</dl>
```
<dl>中只能放<dt>和<dd>。
<dt>和<dd>没有个数限制，一般一个<dt>对用多个<dd>。

关于列表标签的一些使用（有序，无序，自定义列表）相关推荐

python列表元组字符串都属于有序数列_列表、元组、字符串是Python的__________(有序、无序?)序列。...
[简答题]朗读d教科书第35页"貿易レターコラム消費価格値上げ再考のお願い"的李文,直接读标题,然后读"拝啓"和全文.注意作业提交截止日期. [多选题]以下语 ...
html无序列表的滚动效果,html无序列表标签和有序列表标签使用示例
原标题:html无序列表标签和有序列表标签使用示例一.上下层列表标签: : 上层dt 下层dd:封装的内容会被自动缩进的效果复制代码代码如下: 运动户外板鞋篮球鞋足球鞋跑步鞋二.定义有 ...
HTML无序列表、有序列表、自定义列表标签的基本知识
今天的文章主要讲述HTML无序列表.有序列表.自定义列表标签的基本知识,和在网页中的效果一.列表的应用场景场景: 在网页中按照行展示关联性的内容,如:新闻列表.排行榜.账单等特点: 按照行的方式 ...
h5列表 php,常用的HTML5列表标签
这次给大家带来常用的HTML5列表标签,使用用HTML5列表标签的注意事项有哪些,下面就是实战案例,一起来看一下. 一.列表标签作用作用:给一堆数据添加列表语义,也就是告诉搜索引擎告诉浏览器这一堆数 ...
从零开始学前端：列表标签 --- 今天你学习了吗？（CSS：Day06）
从零开始学前端:程序猿小白也可以完全掌握!-今天你学习了吗?(CSS) 复习:从零开始学前端:表单制作 - 今天你学习了吗?(CSS:Day05) 文章目录从零开始学前端:程序猿小白也可以完全掌握! ...
HTML知识积累及实践（三） - 列表标签
html - 列表标签一.无序列表无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记. 无序列表始于 <ul> 标签: 每个列表项始于 <li> (列 ...
HTML标签-排版标签、媒体标签、列表标签、表格标签、表单标签、语义化标签、字符实体
一.排版标签 1.标题标签在新闻和文章的页面中都离不开标题,用来突出显示文章主题. h系列标题 <body><h1>1级标题</h1> <h2>2级标 ...
[19/05/14-星期二] HTML_body标签(列表标签和图片标签)
一.列表标签  ...
无序列表举例html,HTML中的无序列表讲解（菜鸟）
什么是列表标签? 1.列表标签的作用:给一堆数据添加列表语义,也就是告诉搜素引擎告诉浏览器这一堆数据是一个整体. 2.HTML中列表标签的分类 2.1无序列表(最多人用)(unordered list ...
HTML列表标签及自定义列表的应用
1.无序列表无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记. 无序列表始于 <ul> 标签.每个列表项始于<li>. 也可以通过CSS改变项目符号, ...

关于列表标签的一些使用（有序，无序，自定义列表）

关于列表标签的一些使用（有序，无序，自定义列表）相关推荐

最新文章

热门文章