前端中有序标签的使用

最新推荐文章于 2024-10-22 20:29:47 发布
原创 最新推荐文章于 2024-10-22 20:29:47 发布 · 283 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#html #前端

本文通过一个简单的HTML实例，展示了如何使用有序列表来列举喜欢的运动项目。此外，还提供了HTML文档的基本结构，包括DOCTYPE声明、元信息设置及基本元素的应用。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- <table width="500" height="249" border="1" cellspacing="0"> 
        <tr>
            <td></td>
            <td colspan="2"></td>
            
        </tr>
        <tr>
            <td></td>
            <td rowspan="2"></td>
            <td></td>
        </tr>
        <tr>
            
            <td></td>
            <td></td>
        </tr>

    </table>-->
    <!-- 无序列表 -->
<!-- <h4>喜欢食物</h4>  
    <u1>
        <li>桔子</li>
        <li>西瓜</li>
</u1>-->

<h4>喜欢运动</h4> 
    <o1>
        <li>乒乓球</li>
        <li>跑步</li>
</o1>

</body>
</html>

效果图：

知识点：

 

 

【前端基础篇】快速学习HTML常用标签和属性
前端知识分享喵
06-12 1821
WEB标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（Structure-html）、表现（Presentation-css）和行为（Behavior-javascript）。对应的标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如W3C DOM）、ECMAScript等。
前端必知必会-html有序列表和无序列表
qq_24018193的博客
07-26 1470
本文介绍了的使用，如有问题欢迎私信和评论。
web前端学习35-41（HTML表格标签，列表标签,无序，有序，自定义列表）
weixin_51249285的博客
11-05 1263
文章目录1. 表格标签1.5 表格结构标签1.6 合并单元格1.7 表格总结1.7.1 表格的相关标签1.7.2 表格的相关属性1.7.3 合并单元格2. 列表标签2.1 无序列表（重点） 1. 表格标签 1.5 表格结构标签 使用场景:因为表格可能很长,为了更好的表示表格的语义，可以将表格分割成表格头部和表格主体两大部分。 在表格标签中，分别用:< thead>标签表格的头部区域、< tbody>标签表格的主体区域.这样可以更好的分清表格结构。 1.< thead>&
零基础学习WEB前端开发(十)：列表标签（无序列表、自定义列表、有序列表）
陶小桃Blog
10-28 3377
列表主要是用来布局的。 列表最大的特点就是整齐、整洁、有序，它作为布局会更加自由方便。 列表的分类： 无序列表 有序列表 自定义列表 一、无序列表 <ul>标签表示HTML页面中项目的无序列表，一般会以项目符号呈现列表项，列表项使用<li>标签定义。 1.1 基本语法 <ul> <li>列表项1</li> <li>列表项1</li> <li>列表项1</..
HTML常用标签二
naoguoteng的博客
09-29 1262
1.背景属性bgcolor和background2.序列标签 ul/ol/dt(1)无序列表< ul>(2)有序列表(3)自定义列表 dl/dd3.超链接1)连接到其他的文档(2)网页的内部链接(3)网页的外部链接(4)图片的锚点链接4.框架标签 frame 5.多媒体标签embed 其中就是无序列表，每增加一列内容，就需要加一个点击超链接后会跳转到新的页面。需要注意的就是文件的路径，这里我用的是相对路径。绝对路径：是指从根目录到文件的完整路径。 相对路径：是指相对于当前文件的文件位置。点击
Vue中常用到的标签和指令
hulin的博客
08-01 2561
Vue中常用到的标签和指令
【前端】如何制作一个自己的网页（16）
最新发布
fmc121104的博客
10-22 829
a href="https://np.baicizhan.com/website/lessons" target="_blank">网页开发然后，学习不同的列表结构所对应的样式、标签，并实际使用它们来搭建网页中整洁的列表结构。只需创建标签选择器，并根据图中的属性值，就可以分别设置将列表按照数字、大写字母、小写字母、大写罗马数字或小写罗马数字的顺序进行排列。第一个列表项是一个超链接，第二个列表项是一张图片，第三个列表项是另一个有序列表。是list item的缩写，表示列表项，即列表里的条目。
Web前端开发 HTML常用标签大全
https://www.hyperplasma.top
08-09 2057
本文全面介绍了HTML的常用标签，包括标签的结构、分类以及具体用法。超文本标记语言通过标签定义网页内容，文中提到双标签和单标签的使用，并示例了HTML文档的基本骨架。还介绍了注释、标题、段落、换行、文本格式化、图像、超链接、音频、视频等常见标签的定义和示例，强调了表单标签在用户信息收集中的重要性，如输入框、下拉菜单和按钮等。此外，文中提到了语义化标签，强调使用有语义的标签能提高网页可读性与结构清晰度。整体而言，文章为前端开发者提供了HTML标签知识的参考，适合初学者理解HTML基本元素及其应用
前端入门标签基础
01-03
### 前端入门标签基础知识点详解 #### 强调标签 `<strong>` - **功能**：用于强调文本的重要性，通常以粗体形式显示文本。 - **示例**：`这是一段强调的文本。</strong>` 显示效果为：“**这是一段强调的文本。**”...
前端学习day01-HTML标签01
06-21
列表是HTML中常见的元素，有序列表`<ol>`和无序列表`<ul>`以及它们的子标签`<li>`用于创建列表项。例如： ```html 项目1 项目2 项目3 ``` 表格`<table>`、行`<tr>`、列`<th>`和数据单元格`<td>`是组织数据的...
【web程序开发】前端标签介绍
m0_65431212的博客
09-11 2504
01
前端页面的序号顺序排列index
wjxhliu的博客
10-28 3444
前端页面的列表序号的情况是这样的， 杂乱无章 在前端代码的 有一个colums,是显示表格内容的 在表格内容栏加上 {prop:"", label:"序号",type:"index"}, 就可以实现列表的序号顺序排列
web前端之列表（五）————有序无序自定义
李海明的博客
03-23 4643
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有序标签和无序标签，以及修改标签符号
zhiyinweini3的博客
02-18 4325
背景：学习前端知识，自己做页面 目的：学习前端知识 组网图：不涉及 工具：vscode1.41.0 简介：HTML有序标签和无序标签； HTML有序标签： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</t...
HTML之列表标签——无序(ul)、有序(ol)、自定义(dl)
yoghurt&girl的博客
05-28 9047
优快云话题挑战赛第1期 活动详情地址：优快云 参赛话题：前端学习记录 话题描述：记录前端学习过程中的某个知识点、解决方案等等 概念 在平时网页设计中我们最常见的就是无序列表，有序列表就是会有顺序，我们也可以自定义序号的样式，而无序列表则是不分顺序的，自定义列表就如他名字一样，根据用户需要自定义。 语法格式： 有序列表语法格式： <ol> <li>列表一</li> ..... </ol> 无序列...
HTML中的有序排列和无序列表标签
不是很好的先生
06-08 7411
自己有感而发，有帮助自好，无帮助请略过~
html有序无序标签,HTML标签有序标签和无序标签
weixin_36080474的博客
06-03 3822
1.标签定义无序列表，所谓无序，是指以●、○、▽、▲等开头的，没有顺序的列表项目1.1设置无序列表的类型—type无序列表的默认符号是圆点(● )。 元素有type属性，通过定义不同的type属性可以改变列表的项目符号。目前，type属性的属性值有：disc(圆●)、circle(圆圈○ 　　　　)、square(方块■ )2.标签定义有序列表。所谓有序，指的是按照数字或字母等顺序排列列表项目...
web前端——列表标签
xishaoguo的博客
02-26 6957
列表标签分为：有序列表、无序列表、自定义列表有序列表：                &lt;ol&gt;                    &lt;li&gt;你&lt;/li&gt;                    &lt;li&gt;我&lt;/li&gt;                    &lt;li&gt;他&lt;/li&gt;                &
html5<u1> <li>,HTML5 <li> 标签
weixin_34236986的博客
06-20 1414
实例html>html(html.cn)有序列表:咖啡茶牛奶无序列表:咖啡茶牛奶运行实例 »点击 "运行实例" 按钮查看在线实例浏览器支持目前多数主流浏览器支持 标签。标签定义及使用说明 标签定义列表项目。 标签可用在有序列表()、无序列表()和菜单列表()中。HTML 4.01 与 HTML5之间的差异"type" 属性 在 HTML 4.01 已被废弃。HTML5 不支持该属性。"val...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

^mfy^

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值