微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > web前端 > html教程 > 正文

html 标签的使用与定义详解

黄舟
发布： 2017-06-30 14:02:11
原创
5850人浏览过
<ol> 
    <li>内容一</li> 
    <li>内容二</li> 
    <li>内容三</li> 
</ol>
登录后复制

以上3个li标签组放在<ol>标签之间。并且ol标签之间可以放若干li标签组。

通常我们使用li标签都是使用无序ul li列表标签。一般情况无论是有序列表（ol li）还是无序列表(ul li)我们都将CSS样式初始化，使用时候重新赋予CSS样式。

二、ol li标签使用说明 

此列表标签我们常常使用在文章标题列表、图片列表等有规律列表类内容排版布局。
这里说道无序列表，意思是ol下的li标签前面默认是序号、规律编号的列表。

三、ol li有序列表使用案例html代码

神卷标书
神卷标书

神卷标书，专注于AI智能标书制作、管理与咨询服务，提供高效、专业的招投标解决方案。支持一站式标书生成、模板下载，助力企业轻松投标，提升中标率。

神卷标书 39
查看详情 神卷标书

立即学习“前端免费学习笔记（深入）”；

<ol> 
    <li>列表一:www.divcss5.com</li> 
    <li>列表二:www.divcss5.com</li> 
    <li>列表三:www.css5.com.cn</li> 
</ol>
登录后复制

1691.png

1）、常常用于文章标题列表排版
2）、常常使用图片列表排版布局
3）、ol li我们赋予CSS样式，即可实现各式各样的列表型有规律的列表内容布局
4）、ol li列表标签默认样式li具有有序规律数字显示。
5）、ol标签下不能直接放内容或其它标签，即使要放都必须放入li标签内，而li标签内可以再放ul ol等格式各样标签。
6）、ol li标签我们不常用，我们通常使用ul li列表标签

以上就是html 标签的使用与定义详解的详细内容，更多请关注php中文网其它相关文章！

相关标签：
html

大家都在看：

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！

下载
来源：php中文网
收藏 点赞
上一篇：html中的Object标签到底如何使用？ 下一篇：html中ol标签与li标签的高级应用
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
内联CSS怎么嵌入HTML页面_内联CSS嵌入HTML页面的使用方法 使用内联CSS可通过在HTML元素的style属性中直接添加“属性名:属性值;”形式的样式规则，如文本，适用于单个元素快速设置外观，但不具复用性，需注意引号匹配与分号结尾。
2025-11-12 21:57:02
899
如何为网页列表添加定制滚动条_html列表区域滚动条样式设置方法 首先使用CSS设置列表容器的固定高度和溢出属性以启用滚动，接着通过WebKit伪元素自定义Chrome、Edge、Safari浏览器中的滚动条宽度、轨道和滑块样式，并为Firefox使用scrollbar-width和scrollbar-color属性实现兼容；最终在主流现代浏览器中实现美观一致的定制滚动条效果。
2025-11-12 21:53:02
189
html如何删除格式_HTML富文本格式清除（去样式/标签）方法 答案：清除HTML富文本格式可通过JavaScript正则或DOM操作去除标签和样式，如用textContent提取纯文本，或正则替换移除style、class等属性并清理空标签；也可借助DOMPurify等库配置允许标签和属性，或在服务端使用strip_tags等函数限制标签范围，实现安全的内容净化。
2025-11-12 21:49:02
762
html代码怎么按钮_html按钮标签写法与点击事件绑定方法 使用button或input标签创建按钮，通过onclick属性或addEventListener绑定点击事件，推荐使用addEventListener实现结构与逻辑分离，提升代码可维护性。
2025-11-12 21:36:02
618
如何使用Geany处理HTML移动端适配的详细教程 首先配置Geany环境并启用必要插件，然后编写含viewport元标签的HTML结构，接着通过CSS媒体查询实现响应式布局，最后利用外部浏览器和开发者工具进行预览调试，确保移动端适配效果。
2025-11-12 21:25:02
719
html如何居下_HTML元素底部对齐（position:fixed/bottom）方法 使用CSS可实现元素始终位于页面底部：1.用position:fixed和bottom:0固定于视窗底部；2.父容器设为relative，子元素用absolute和bottom:0定位到底部；3.父容器使用flex布局并设置主内容flex:1，使底部元素自然下推；4.在flex容器中设置margin-top:auto，将元素自动推至底部。
2025-11-12 21:17:02
513
html代码怎么测试_html网页功能测试方法与常见测试工具使用 首先验证HTML代码结构正确性，使用W3CMarkupValidationService检查语法错误并修复标签嵌套、属性拼写等问题；接着利用浏览器开发者工具审查DOM元素、CSS样式及JavaScript控制台报错，定位渲染与脚本异常；然后测试表单交互功能，验证输入规则、原生与自定义验证逻辑是否生效；再通过Puppeteer或Playwright编写自动化脚本，模拟用户操作并断言结果，提升测试覆盖率；最后在多浏览器环境（Chrome、Firefox、Safari、Edge等）进行兼容性测试，借助
2025-11-12 21:15:11
792
html源码怎么保存为动态网页_html源码保存为动态网页的详细指南 动态网页需结合服务器端语言或前端脚本实现交互功能。首先将HTML文件重命名为.php等动态格式，嵌入PHP等服务端代码并部署至支持该环境的服务器；或在.html文件中使用JavaScript通过fetch()请求数据，动态更新DOM内容；还可连接数据库如MySQL，通过Node.js或PHP查询数据并渲染到页面模板；最后配置XAMPP等本地服务器测试，确认无误后上传至线上服务器运行，确保扩展名与运行环境匹配以正确解析动态内容。
2025-11-12 21:09:19
987
如何在Pinegrow中集成CSS到HTML编辑器的详细教程 在Pinegrow中创建或导入CSS文件并确保其加入项目；2.通过页面设置将CSS文件链接到HTML，自动生成link标签；3.在可视化编辑器中应用CSS类，支持直接修改样式并保存至外部文件，可提取内联样式为CSS规则；4.实时预览变化，利用检查器调试加载问题。正确引用和管理路径是关键。
2025-11-12 20:47:44
591
HTMLDOM型XSS漏洞怎么查找_DOM型跨站脚本漏洞前端查找详细教程 DOM型XSS漏洞源于前端脚本将用户可控数据未经安全处理直接写入DOM敏感位置，如innerHTML、eval等，导致恶意代码执行。其核心特点是完全在浏览器端发生，不依赖服务器反射或存储，攻击者通过构造URL或操控本地数据触发漏洞。与反射型和存储型XSS不同，DOM型XSS的“投毒”过程由前端代码自主完成，即使服务器返回干净页面仍可能被利用。常见危险函数包括innerHTML、outerHTML、document.write、eval、setTimeout及script标签src属性等，这些操作
2025-11-12 20:43:02
598
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部