HTML学习：列表标签

已于 2024-07-19 13:50:13 修改
阅读量148 收藏 5
点赞数 5
分类专栏： 前端学习 文章标签： html 学习 前端
于 2024-07-18 21:22:36 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_63898506/article/details/140533465
版权

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>列表标签</title>

</head>

<body>

    <!--

        列表的分类：

        无序列表

        有序列表

        定义列表

     -->

     <!-- 有序列表 应用：试卷、问答...-->

     <ol>

        <li>Java</li>

        <li>Python</li>

        <li>运维</li>

        <li>前端</li>

        <li>C/C++</li>

     </ol>

     <hr>

    <!-- 无序列表 应用：导航、侧边栏...-->

    <ul>

        <li>Java</li>

        <li>Python</li>

        <li>运维</li>

        <li>前端</li>

        <li>C/C++</li>

    </ul>

    <hr>

    <!-- 自定义列表

    dl：标签

    dt：列表名称

    dd：列表内容

    应用：公司底部

    -->

    <dl>

        <dt>学科</dt>

        <dd>Java</dd>

        <dd>Python</dd>

        <dd>Linux</dd>

        <dd>C</dd>

        <dt>位置</dt>

        <dd>广西</dd>

        <dd>广东</dd>

        <dd>深圳</dd>

    </dl>

</body>

</html>

Renascence.409
关注
  • 5
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前端学习7：HTML图像、表格、列表
RainstormGod的博客
04-13 1224
自定义列表不仅是一列项目，还是项目及其注释的组合。自定义列表以标签开始。每个自定义列表项以开始。每个自定义列表项的定义以 开始。
HTML 表格标签、列表标签、表单标签（案例： 注册页面）
酷爱前端的小陈博客
04-16 2271
1. 表格标签 表格是实际开发中非常常用的标签: 1. 表格的主要作用 2.表格的基本语法 1.1 表格的主要作用 表格主要用于显示、展示数据，因为它可以让数据显示的非常的规整，可读性非常好。特别是后台展示数据的时候，能够熟练运用表格就显得很重要。一个清爽简约的表格能够把繁杂的数据表现得很有条理。 总结: 表格不是用来布局页面的,而是用来展示数据的。 1.2 表格的基本语法 1. <table> </table> 是用于定义表格的标签。 2. &...
HTML小白入门学习-列表标签
weixin_45125466的博客
01-24 1141
HTML小白入门学习-列表标签
HTML学习4：常用标签之列表标签
life is wonderful
10-19 4646
HTML 列表标签支持有序、无序和定义列表。        列表标签表格：         一无序列表         无序列表是一个项目的列表。无序列表项开始于 标签，结束于标签。每个列表项开始于 标签，结束于标签。列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。在这里只是最基础的文字来演示。 列表标签演示
HTML5学习（三）：布局标签、列表、超链接和id
激洪的博客
03-10 3212
HTML之布局标签、列表、超链接和id
html中的列表标签
greentrainsad的博客
09-30 1610
列表标签 有序列表 无序列表 定义列表
HTML5基础学习——列表标签&表单标签
weixin_61920612的博客
12-04 2595
学习内容： 1.列表标签 表格是用来显示数据的，那么列表就是用来布局的。 列表最大的特点就是整齐、整洁、有序，它作为布局会更加自由和方便。 根据使用场景不同，列表可以分为三大类：无序列表、有序列表和自定义列表。 1.1 无序列表（重点） <ul>标签表示HTML页面中项目的无序列表，一般会以项目符号呈现列表项，而列表项使用<li>标签定义。 以后就只把<body>里面的代码块弄出来。 <h4>您喜欢的事物？</h4> ..
web前端学习-html标签
yong_19930826的博客
02-26 1412
web前端学习-heml标签
HTML学习（八）：语法规则：双标签
观月执白
11-15 6362
单标签由开始标签、网页显示内容部分、结束标签三部分组成。 开始标签 网页显示内容部分 结束标签 1、<a> 标签 <a> 标签定义超链接，用于从一张页面链接到另一张页面。<a> 元素最重要的属性是 href 属性，它指示链接的目标。 <a href="http://www.google.com.cn">Google</a> 2、<abbr> 标签 <abbr> 标签指示简称或缩写，能够为浏览器、拼写检查
vue3学习13：html一些基本知识（标签）
weixin_43788986的博客
07-12 2786
自学用，总结可能不够全面。html组成部分： html标签：网页的整体 head标签：网页的头部 body标签：网页的身体 title标签：网页的标题1.h标签 文字都有变大，并且从h1 → h6文字逐渐减小，独占一行 2.段落标签 3.换行标签 让文字强制换行显示 4.水平线标签 分割不同主题内容的水平线 显示： 5.文本加粗 6.下划线 7.倾斜 8.删除线 9.图片标签 src：目标图片的路径 alt：替换文本，当图片加载失败时，才显示alt的文本 title：当鼠标悬停时，才显示的文本 widt
XHTML入门学习教程:列表标签的使用
12-11
无序列表的标签是<ul></ul>，而每一个列表项目则用标签。下面我们就用无序列表来改写我们的"index.html"，打开之前保存的文件后，将"针对学生提供的服务"一段的代码修改为如下的无序列表代码： 针对学生的服务...
HTML列表标签dl、ul、ol 的使用示例
09-28
本篇将深入解析HTML的三种主要列表标签：`<dl>`、`<ul>`和`<ol>`，以及它们的子标签，帮助初学者理解如何有效地使用这些标签来构建结构化的列表。 1. **定义列表（Definition List）：, , 和** `<dl>` 标签用于...
HTML：Conteudos e标签
02-16
HTML，全称HyperText Markup Language，是用于创建网页的标准标记语言。...同时，随着技术的发展，不断学习新的HTML特性，如响应式布局、离线存储等，将使开发者能够更好地应对现代网页设计的需求。
HTML标签及基本元素学习总结
09-22
- 项目符号列表：`<ul>`标签定义无序列表，同样用`<li>`定义列表项。`type`属性可以设置项目符号类型，如圆点、方框等。 这些基础知识构成了HTML的基本骨架，让开发者能够创建出结构化的网页内容。通过组合使用这些...
基于 HTML+ECharts 实现的大数据可视化平台模板（含源码）
柯晓楠
07-24 2668
大数据的可视化对于企业决策、市场分析和业务洞察至关重要。通过直观的数据展示，团队可以快速理解复杂的数据模式，发现潜在的业务机会。本文将详细介绍如何利用 HTML 和 ECharts 实现一个功能丰富的大数据可视化平台模板。
黑马JavaWeb企业级开发（知识清单）01——前端介绍，HTML实现标题：排版
apple_68589597的博客
07-21 1049
本篇文章是2023年最新黑马JavaWeb企业级开发（知识清单）01：前端介绍、html实现标题格式内容的总结，帮助需要学习Web开发的朋友温故而知新。
[HTML]一文掌握
CSDN20221005的博客
07-21 864
场景：在网页的底部导航中通常会用到。语法：dl>dt>dd特点：dd前会默认显示缩进效果注意：dl中只允许包含dt/dd标签dt/dd中可以包含任意内容。
基于 HTML+ECharts 实现的数据可视化大屏案例（含源码）
最新发布
柯晓楠
07-24 450
数据可视化已成为企业决策和业务分析的重要工具。通过直观、动态的图表展示，数据可视化大屏能够帮助用户快速理解复杂的数据关系，发现潜在的业务趋势。本文将介绍如何利用 HTML 和 ECharts 实现一个功能丰富的数据可视化大屏案例。
【HTML — 构建网络】HTML 入门
07-24 575
如果您查看许多其他站点的代码，您可能会遇到许多奇怪的标记样式，包括不带引号的属性值。在这一点上，你应该了解 HTML 是什么样子的，以及它在基本层面上是如何工作的。在 HTML 中，不需要在 void 元素标记的末尾添加 a，例如： .但是，它也是一种有效的语法，当您希望 HTML 是有效的 XML 时，您可以这样做。现在，您可以在 Web 浏览器中打开此文件，以查看呈现的代码的外观。在本练习中，您可以如前所述在计算机上本地编辑代码，也可以在下面的示例窗口中编辑代码（在本例中，可编辑示例窗口仅表示。
HTML基础教程：列表标签详解
HTML提供了两种类型的列表标签：无序列表标签`<ul>`和有序列表标签`<ol>`。无序列表`<ul>`用于创建不带序号的项目列表，通常在每个项目前显示一个符号，如圆点或方块。例如： ```html 项目1 项目2 项目3 ``` ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值