美文网首页Web前端之路
前端学习笔记一一HTML常用标签之列表标签

前端学习笔记一一HTML常用标签之列表标签

作者: 前前前端小飞 | 来源:发表于2020-12-04 15:14 被阅读0次

HTML常用标签之列表标签

列表标签的用途,就是用于编排短语句的文字。

1.无序列表

在无序列表中,各个列表项之间没有顺序级别之分,它通常使用一个项目符号作为每个列表项的前缀。

设置无序列表的类型—type
无序列表的默认符号是圆点(● )。� <ul>元素有type属性,通过定义不同的type属性可以改变列表的项目符号。目前,type属性的属性值有:�disc(圆●)、circle(圆圈○ )、square(方块■ )

定义无序列表要用<ul>标签与<li>标签,例如下:

image

网页显示如下

image

2.有序列表

有序列表中的项目采用数字或英文字母开头,通常各项目间有先后的顺序性

*默认情况下,有序列表的序号是数字的,通过type属性可以调整序号的类型 *

定义有序列表 要用<ol>标签<li>标签,例如下

image

网页显示如下

image

3.<li>标签

<li>标签定义列表项目。

<li>标签可用在有序列表(<ol>)和无序列表(<ul>)中。例 :

image

网页显示如下

image

4.<dl>标签

<dl>标签定义了定义列表(definition list)。

<dl>标签用于结合<dt>(定义列表中的项目)和<dd>(描述列表中的项目)

5.<dt>标签

<dt>标签定义了定义列表的项目(既术语部分)。

6.<dd>标签

<dd>在定义列表中定义条目的定义部分。

image

网页显示如下

image

相关文章

  • 前端学习笔记一一HTML常用标签之列表标签

    HTML常用标签之列表标签 列表标签的用途,就是用于编排短语句的文字。 1.无序列表 在无序列表中,各个列表项之间...

  • 前端学习笔记一一html的常用标签

    html简介 1.1 html概述 html全称:Hyper Text Markup Language(超文本标记...

  • HTML笔记--列表标签

    HTML笔记--列表标签 标签(空格分隔): HTML 列表标签: 定义列表:带缩进的列表如这种样式的: 自定义...

  • HTML笔记-- 其他常用标签

    HTML笔记-- 其他常用标签 标签(空格分隔): HTML html中其他常用标签: b:加粗 s:删除线 u:...

  • Day1:html和css

    Day1:html和css 了解浏览器 掌握WEB标准 理解标签语义 掌握常用标签 掌握三种列表标签 前端开发工具...

  • 前端编程之路一一HTML常用列表标签

    HTML 常用列表标签 关注我,不迷路~ 常用列表标签 在书写HTML文档时,遇到相同类型的内容,需要考虑用列表来...

  • HTML笔记-文字标签和注释标签

    HTML笔记-文字标签和注释标签 标签(空格分隔): HTML HTML中常用的标签 文字标签: 修改文字的样式 ...

  • html实现一个简单列表

    目标效果 知识点 html标签之 标签定义有序列表 实例: 显示效果: html标签之 标签定义无序列表 实例...

  • HTML学习之标签2

    标签: HTML 标签 HTML 常用标签 ul-li功能:显示没有先后顺序的列表.example: 效果: ol...

  • day02

    一.html的结构,标签 1.1常用标签 段落标签 标题标签 ul 是无列表项li ...

网友评论

    本文标题:前端学习笔记一一HTML常用标签之列表标签

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