笔记 - 1、HTML - 列表

简介: html列表标记: 1.有序列表:(***) <ol>     <li>...</li>     ..... </ol> type属性:1、阿拉伯数字       A、大写字母       a、小写字母       i、小写罗马数字       I、大写罗马数字 start属性:从第几个数开始标序 2.无序列表:(**
html列表标记:

1.有序列表:(***)
<ol>
    <li>...</li>
    .....
</ol>
type属性:1、阿拉伯数字
      A、大写字母
      a、小写字母
      i、小写罗马数字
      I、大写罗马数字
start属性:从第几个数开始标序

2.无序列表:(*****)
<ul>
    <li>...</li>
    ......
</ul>
type属性:disc:默认值,实心原点
      circle:空心圆
      square:实心方块

3.目录列表:效果同默认的无序列表的样式相同,没有type属性
<dir>
    <li></li>
</dir>

4.定义列表:(*****)
<dl>
    <dt>上级</dt>
    <dd>下级</dd>
</dl>
<dl>标记声明一个定义列表,在<dl>标记内部嵌套<dt>和<dd>标签,可以有多个

5.菜单列表:同目录列表。都是通过无序列表实现,没有type属性
<menu>
    <li>菜单列表</li>
    ......
</menu>


目录
相关文章
|
11天前
|
前端开发 程序员
【前端web入门第二天】01 html语法实现列表与表格_合并单元格
本文介绍了HTML中的列表与表格的使用方法。列表包括无序列表(`&lt;ul&gt;`嵌套`&lt;li&gt;`)、有序列表(`&lt;ol&gt;`嵌套`&lt;li&gt;`)和定义列表(`&lt;dl&gt;`嵌套`&lt;dt&gt;`和`&lt;dd&gt;`)。
38 19
|
3天前
|
UED
HTML无序列表、有序列表的巧妙使用
HTML 的无序列表(`&lt;ul&gt;`)和有序列表(`&lt;ol&gt;`)不仅用于简单罗列信息,还能增强网页的可读性和用户体验。无序列表适合列出相关项目或概念,如产品特点、待办事项、导航链接等;有序列表则适用于表示有明确顺序的项目,如步骤说明、排行榜等。合理使用这些列表可以使信息更清晰易懂。
|
1月前
|
前端开发
HTML+CSS基础知识(2)选择器的使用、盒子模型的讲解、列表的使用
该博客文章详细介绍了HTML和CSS的基础知识,包括CSS样式的应用方式、语法规则、选择器的使用、盒子模型、内边距、外边距、元素的显示类型以及overflow属性处理溢出内容的方法,并通过代码示例和测试结果截图展示了这些知识点在网页设计中的应用。
HTML+CSS基础知识(2)选择器的使用、盒子模型的讲解、列表的使用
|
27天前
|
自然语言处理 前端开发 开发者
|
30天前
|
人工智能 前端开发 UED
1分钟解锁属性:HTML中的列表标签属性
1分钟解锁属性:HTML中的列表标签属性
|
2月前
|
开发者
无法拖拽选中文字的在线电子书的做笔记方法 —— html文本提取大法
无法拖拽选中文字的在线电子书的做笔记方法 —— html文本提取大法
28 0
|
3月前
|
开发者 UED
HTML基础-列表:无序、有序、定义列表
【6月更文挑战第3天】本文介绍了HTML中的三种列表类型:无序列表、有序列表和定义列表。无序列表用于展示无特定顺序的项目,常用作菜单或特点列举;有序列表则适用于按顺序排列的内容,如步骤说明;定义列表用于定义术语及其解释。文章讨论了每种列表的基本概念、语法、使用场景及常见问题,强调理解语义、检查标签完整性和利用开发者工具来避免错误。通过学习和实践,可以提升网页内容的条理性与可读性。
50 2
|
3月前
HTML列表指南:有序、无序与自定义列表的妙用
HTML列表指南:有序、无序与自定义列表的妙用
|
4月前
|
缓存 前端开发 JavaScript
HTML设计最新笔记
HTML设计最新笔记
32 1
|
3月前
|
Python
Python基础教程(第3版)中文版 第20章 项目1: 自动添加标签(纯文本转HTML格式) (笔记2)
Python基础教程(第3版)中文版 第20章 项目1: 自动添加标签(纯文本转HTML格式) (笔记2)