HTML列表

最新推荐文章于 2024-03-31 14:25:55 发布
最新推荐文章于 2024-03-31 14:25:55 发布
阅读量74 收藏
点赞数
分类专栏： html 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qishi45/article/details/116761851
版权 
<!DOCTYPE html>

<!--
列表：什么是列表？
    列表就是信息资源的一种展示形式。它可以使信息结构化和条理化，并以列表的样式显示出来
    以便浏览者能快捷地获得相应的信息
列表的分类：
    1.无序列表
    2.有序列表
    3.定义列表
-->

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>列表学习</title>
</head>
<body>

<!--有序列表-->
<!--应用范围：试卷，问答...-->
<ol>
  <li>Java</li>
  <li>C/C++</li>
  <li>前端</li>
  <li>运维</li>
  <li>Linux</li>
</ol>

<hr>    <!--水平线标签-->

<!--无序列表-->
<!--应用范围：导航，侧边栏...-->
<ul>
    <li>JAVA</li>
    <li>C/C++</li>
    <li>前端</li>
    <li>运维</li>
    <li>Linux</li>
</ul>

<hr>    <!--水平线标签-->

<!--
自定义列表：
dl：标签
dt：列表名称
dd：列表内容
-->
<!--应用范围：公司网页底部...-->
<dl>
    <dt>学习科目</dt>
    <dd>Java</dd>
    <dd>Linux</dd>
    <dd>Python</dd>
    <dd>C/C++</dd>
    <dt>位置</dt>
    <dd>到二仙桥</dd>
    <dd>走成华大道</dd>
</dl>

</body>
</html>

在这里插入图片描述

约瑟芬儿
关注
专栏目录
HTML 列表
BOLSB的博客
05-30 2534
1、列表 1.1、有序列表 用来规定一些顺序重要，不能随意调整的项，比如排行榜 属性说明： type 属性用来规定编号类型 1 / A / a / I /i 1.2、无序列表 用来定义一些顺序不重要的项目 ，比如商品列表，导航 属性说明： type 属性用来规定列表项前面的标记风格 desc(实心圆)/circle(空心圆)/square(方块) ...
html列表栏,用HTML中的列表标签做个导航栏吧
weixin_31001069的博客
06-15 1836
我们在网上浏览的好多网页都有导航栏,它提供信息导航的功能,想知道它是怎么做出来的吗?首先要知道的:HTML中的列表标签都有那些呢?ul-li无序列表 ( 网页中显示的默认样式一般为：每项 li 前都自带一个圆点 )语法:文本文本2.ol-li有序列表(在网页中显示的默认样式一般为：每项 li 前都自带一个序号，序号默认从1开始)文本1文本2其实导航栏就是给列表标签设置CSS样式制作导航栏开始啦:第...
【HTML】HTML 列表 ( 无序列表 | 有序列表 | 自定义列表 )
让 学习 成为一种 习惯 ( 韩曙亮 の 技术博客 )
02-21 5659
一、HTML 列表 二、无序列表 三、有序列表 四、自定义列表
HTML系列之列表
StayAlive1887的博客
07-12 2891
名词列表项列表项列表项
HTML表格表单以及列表
最新发布
lh11223326的博客
03-31 2071
标签是用来定义表格的。定义完之后发现其结构和Excel的标签是非常相似的，都有行，列，单元格，表头等等，但是Excel毕竟还是专业，不像HTML既不支持排序又不支持求和，还不支持很多数学计算，只能用来展示数据。HTML常用的图片标签和超链接标签-CSDN博客HTML常用文本标签-CSDN博客：表示表格，表格的所有内容需要写在和
html列表自动无限循环滚动,js 无限循环垂直滚动列表
weixin_35626408的博客
06-03 1903
1 需求效果就是下面这样，就是一次滚出一个元素，无限循环，可以使用死数据，也可以追加，当然具体动画你可以修改代码。效果思路使用css做过渡动画，用js控制滚动(其实也可以只用css)。* {padding: 0;margin: 0;list-style: none;}#ul {position: relative;top: 0px;left: 0px;}li {width: 200px;heigh...
html中的列表标签
greentrainsad的博客
09-30 1653
列表标签 有序列表 无序列表 定义列表
在HTML列表入图片怎么变小,科技常识：html如何把图片大小变小
weixin_31496135的博客
06-29 7852
今天小编跟大家讲解下有关html如何把图片大小变小 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关html如何把图片大小变小 的相关资料，希望小伙伴们看了有所帮助。我们在布局图片列表时 通常我们要控制图片的高度和宽度这样来达到图片统一。我们在html布局时候直接在图片img标签加宽度和高度属性即可控制图片高和宽。一、html img图片标签高度宽度设置我们可以直接在图片标签设置宽度...
html列表序号为圆点的,HTML_列表标签
weixin_32836713的博客
06-02 1922
列表就相当于去超市购物时的那个购物清单，在HTML也可以创建列表，在网页中一共有三种列表：1.无序列表2.有序列表3.定义列表无序列表- 使用ul标签来创建一个无序列表- 使用li在ul中创建一个一个的列表项，一个li就是一个列表项通过type属性可以修改无序列表的项目符号可选值：disc，默认值，实心的圆点square，实心的方块circle，空心的圆注意：默认的项目符号我们一般都不使用！！如果...
html列表女装分类页面,女装分类页面.html
weixin_29268331的博客
06-03 2306
无标题文档.1{background: url(%E4%B8%93%E4%B8%9A%E8%AF%BE%E7%BB%83%E4%B9%A0%E7%B4%A0%E6%9D%90/%E7%AC%AC%E4%BA%94%E7%AB%A0/02%20%E4%BD%9C%E4%B8%9A%E7%B4%A0%E6%9D%90/%E4%BD%9C%E4%B8%9A5%EF%BC%9A%E5%88%B6%E4%B...
HTML列表属性详解：掌握列表元素的样式和行为控制
a451319296的博客
11-15 4132
HTML 列表是网页中常见的元素类型，可以用来展示一系列相关的数据或信息。为了让列表更加灵活和适应不同场景，HTML 提供了多种列表属性，包括 type、start、reversed、value、compact 等属性。这些属性可以让开发者自由地定制列表的类型、编号、排列方式等特性。
html列表标签（嵌套列表和自定义列表）
m0_71814235的博客
06-15 2185
嵌套列表和自定义列表
【Html 列表】自定义列表＜dl＞标签
kuyoru's blog
10-27 3126
HTML 自定义列表 自定义列表不仅仅是一列项目，而是项目及其注释的组合。 自定义列表以 dl 标签开始。每个自定义列表项以 dt 开始。每个自定义列表项的定义以 dd 开始。 标签 描述 ol 定义有序列表 ul 定义无序列表 li 定义列表项 dl 定义列表 dt 自定义列表项目 dd 定义自定列表项的描述 示例 <dl> <dt>Coffee</dt> <dd>Black hot drink&l
HTML列表标签、表格 ，详细代码图解
D_evin_的博客
08-31 2017
列表标签： html 中有有序列表(ol)，无序列表(ul)和自定义列表(dl)。不管何种列表，其中只能涵盖列表项标签（li），dl 标签除外。 1. 有序列表 - `<ol></ol>`有序列表标签，双标签，第一层嵌套内只能包含`<li></li>`列表项标签，单独存在没有意义，块级元素可以自占一行显示 - `<li></li>`列表项标签，为双标签可以包裹任何标签和文本，块级元素。 - 列表项前有数字顺序，type 类型
HTML列表详解（重点掌握无序列表）
夏末初临
01-03 1861
第一部分 列表的概念 表格是用来显示数据的，那么列表就是用来布局的。 列表最大的特点就是整齐、整洁、有序，它作为布局会更加自由和方便。 根据使用情景不同，列表可以分为三大类：无序列表、有序列表和自定义列表。 第二部分 无序列表（重点） <ul>标签表示HTML页面汇总项目的无序列表，一般会以项目符号呈现列表项，而列表项使用<li>标签定义。 无序列表的基本语法格式如下： <ul> <li>列表项1</li> <li>列表项2&
HTML单选框-多选框-按钮
qishi45的博客
05-17 7788
<!DOCTYPE html> <!-- 表单元素格式： 属性 说明 type 指定元素的类型。text、password、checkbox、radio、submit、reset、 file、hidden、image、和button。默认为text name 指定表单元素的名称 value 元素的初始值。type 为 radio
HTML链接标签
qishi45的博客
05-13 870
<!DOCTYPE html> <!-- 链接标签: <a href="path" target="目标窗口位置">链接文本或图像</a> --> <html lang="en"> <head> <meta charset="UTF-8"> <title>链接标签学习</title> </head> <body> <a name=“top">
HTML隐藏，禁用，只读
qishi45的博客
05-17 605
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>隐藏，禁用，只读</title> </head> <body> <form action="1.我的第一个网页.html" method="get"> <!-- 文本输入框：input type=“text” 默认值初始值为 咕咕
HTML列表框文本域和文件域
qishi45的博客
05-17 543
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>列表框文本域和文件域</title> </head> <body> <form action="1.我的第一个网页.html" method="get"> <!-- 文本输入框：input type=“text” 默认值初
HTML列表详解：无序、有序与定义列表
"HTML从入门到精通 第4章 列表" 在HTML中，列表是一种常用的数据展示方式，有助于组织信息并使其易于阅读。本章主要介绍了三种类型的列表：无序列表、有序列表和定义列表。 4.1 无序列表的设计 无序列表...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值