HTML——列表标签（有序、无序、自定义）

最新推荐文章于 2024-05-26 15:10:58 发布
最新推荐文章于 2024-05-26 15:10:58 发布
阅读量1.8k 收藏 2
点赞数
分类专栏： HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/beishanqiye/article/details/108831427
版权

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>列表标签</title>
</head>
<body>

<!--有序列表
-->
<ol>
    <li>你</li>
    <li>我</li>
    <li>它</li>
    <li>他</li>
    <li>她</li>
</ol>

<hr>

<!--无序列表-->
<ul>
    <li>数学</li>
    <li>语文</li>
    <li>英语</li>
    <li>理科</li>
    <li>文科</li>
</ul>

<hr>

<!--自定义列表
dl：列表标签
dt：列表名称
dd：列表内容
-->
<dl>
    <dt>地址</dt>

    <dd>上海</dd>
    <dd>北京</dd>
    <dd>广东</dd>
    <dd>贵州</dd>
    <dd>南京</dd>
</dl>

</body>
</html>

https://www.bilibili.com/video/BV1x4411V75C?p=7

beishanqiye
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
从入门到精通HTML5——PDF——网盘链接
02-27
　4.7.2　无序列表和有序列表的嵌套 78 　4.8 小结 79 　4.9 习题 80 　第5章 超链接 81 　教学录像：22分钟 　5.1 超链接的基本知识 82 　5.1.1 超链接 82 　5.1.2 绝对路径 82 　5.1.3 相对路径 82 　5.2 超链接的...
html+css基础入门教程学习标记语言——再谈清单
01-08
此外，有序列表的样式可以通过CSS的`list-style-type`属性进行自定义，例如可以改变默认的阿拉伯数字编号为大写罗马数字或其他样式。例如： ```css ol li { list-style-type: upper-roman; } ``` 这使得我们能够...
三大列表——无序列表、有序列表、自定义列表
weixin_44790641的博客
01-27 2472
一、无序列表： 1.标签： 所有内容写在li里面 <ul> <li>内容1</li> <li>内容2</li> <li>内容3</li> <li>内容4</li> </ul> 2.结果： 3.常用结构： li里面包含a标签： <ul> <li> <a href="#">内容</a>
HTML 自定义列表
最新发布
hja23的博客
05-26 386
标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。<dl>
html里有序列表标签怎么表示,HTML——列表标签
weixin_31812189的博客
06-07 1089
什么是列表？把…制成表,以表显示。容器里面装载着文字或图表的一种形式，叫列表。列表最大的特点就是 整齐 、整洁、 有序。无序列表 ul (重点)无序列表的各个列表项之间没有顺序级别之分，是并列的。其基本语法格式如下：列表项1列表项2列表项3......比如下面这些，新闻是没有顺序的，不用排队，先到先得，后发布先显示。注意：1. ，直接在2. 与之间相当于一个容器，可以容纳所有元素。3. 无序列表会...
web前端学习（七）——HTML5中列表（无序列表、有序列表、嵌套列表、自定义列表）及列表项的相关标签设置
热门推荐
★★光亭★★
12-23 1万+
web前端学习（七）——HTML5中列表（无序列表、有序列表、嵌套列表、自定义列表）及列表项的相关标签设置
HTML之列表标签——无序(ul)、有序(ol)、自定义(dl)
yoghurt&girl的博客
05-28 8695
CSDN话题挑战赛第1期 活动详情地址：CSDN 参赛话题：前端学习记录 话题描述：记录前端学习过程中的某个知识点、解决方案等等 概念 在平时网页设计中我们最常见的就是无序列表，有序列表就是会有顺序，我们也可以自定义序号的样式，而无序列表则是不分顺序的，自定义列表就如他名字一样，根据用户需要自定义。 语法格式： 有序列表语法格式： <ol> <li>列表一</li> ..... </ol> 无序列...
web前端之列表（五）————有序无序自定义
李海明的博客
03-23 4502
1。无序列表<!DOCTYPE html> <html> <head> <title>wuxu.html</title><meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv=
HTML——列表标签
m0_69059702的博客
05-09 616
使用场景：在网页中按照行展示关联性的内容，如：新闻列表、排行榜、账单等。 特点：按照行的方式，整齐显示内容。 种类：无序列表、有序列表、自定义列表。 1.无序列表 <ul> 标签表示 HTML 页面中项目的无序列表，一般会以项目符号呈现列表项，而列表项使用 <li> 标签定义。 语法格式： <ul> <li>列表项1</li> <li>列表项2</li> <li>列表项3</li&g..
HTML5基础学习——列表标签&表单标签
weixin_61920612的博客
12-04 2598
学习内容： 1.列表标签 表格是用来显示数据的，那么列表就是用来布局的。 列表最大的特点就是整齐、整洁、有序，它作为布局会更加自由和方便。 根据使用场景不同，列表可以分为三大类：无序列表、有序列表和自定义列表。 1.1 无序列表（重点） <ul>标签表示HTML页面中项目的无序列表，一般会以项目符号呈现列表项，而列表项使用<li>标签定义。 以后就只把<body>里面的代码块弄出来。 <h4>您喜欢的事物？</h4> ..
HTML标签合集——列表标签
weixin_49771248的博客
10-13 111
了解HTML基础标签，以便于后续操作。
html中有序列表默认值,HTML——05-列表和标签
weixin_34933151的博客
06-03 724
人生苦短，要学就只学有用的【前端教学-Html-4】列表标签+表单1. 列表标签(重点)学习目标理解无序列表的应用场景自定义列表的应用场景应用无序列表语法自定义列表语法列表， 表格是用来显示数据的，那么列表就是用来布局的。 因为非常整齐和自由概念：容器里面装载着结构，样式一致的文字或图表的一种形式，叫列表特点：列表最大的特点就是 整齐 、整洁、 有序，跟表格类似，但是他可组合自由度会更高。1.1 ...
仿淘宝首页html
02-26
- `<ol>` 和 `<li>`：有序列表，通常用于展示有顺序的信息。 - `<ul>` 和 `<li>`：无序列表，用于列举无特定顺序的项目。 8. 表格（Table）： - `<table>`：创建表格。 - `<tr>`：表格行。 - `<th>`：表头...
html.zip
07-05
例如，`<p>`用于定义段落，`<h1>`到`<h6>`定义不同级别的标题，`<a>`用于创建超链接，`<img>`插入图片，`<ul>`和`<ol>`创建无序和有序列表，`<div>`作为布局容器等。 3. **属性与值**：HTML标签可以有属性，属性...
HTML5——我的第一个网页（简单的显示一个网页）
beishanqiye的博客
09-25 1235
SEO：汉译为搜索引擎优化。 是一种方式：利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名。目的是：为网站提供生态式的自我营销解决方案，让其在行业内占据领先地位，获得品牌收益。SEO包含站外SEO和站内SEO两方面；为了从搜索引擎中获得更多的免费流量，从网站结构、内容建设方案、用户互动传播、页面等角度进行合理规划，还会使搜索引擎中显示的网站相关信息对用户来说更具有吸引力。 <!-- 注释写法 --> <!-- DOCTYPE 是告诉网页浏览器，我们要使用上面规范 ,这一段 不写.
HTML5——网页的基本标签（标题标签、段落标签、换行标签、水平线标签、字体样式标签、注释、特殊符号
beishanqiye的博客
09-25 892
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>基本标签</title> </head> <body> <!--标题标签,用来当标题的--> <h1>一级标签</h1> <h2>二级标签</h2> <h3>三级标签</h3&gt.
HTML——表单框架的基本制作
beishanqiye的博客
09-27 542
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表单form</title> </head> <body> <!--表单form action：表单提交的位置，可以是网站，也可以是一个请求处理地址 method：post、get 提交方式 get方式提交：我们可以在url（就是输入网站的位.
HTML入门：无序与有序列表标记讲解
"这篇教程介绍了HTML中的无序列表和有序列表标签，以及HTML的基本概念、文档结构和编写方法。" 在HTML中，无序列表（Unordered List）和有序列表（Ordered List）是两种常见的组织内容的方式。无序列表通常用于展示...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值