html列表使用方法?html有序列表无序列表详解

云罗郡主
发布: 2018-11-12 13:51:10
原创
9362人浏览过

很多网站上都会出现列表,列表也是网页中一种常用的数据排列方式,网站中随处可见就是列表,那么html列表使用方法有哪些?下面我们对html有序列表无序列表进行详解。

微信截图_20181112134915.png

一:html列表使用方法

html列表使用方法有很多,其中就包括有序列表和无序列表和定义列表。【推荐阅读:html无序列表怎么横向排列?html无序列表横向排列的方法

1.有序列表就是在列表中有先后顺序,无序列表就是列表式没有顺序之分的,定义列表式一组带有特殊含义的列表,并且一个列表可能会包含条件和说明。

立即学习前端免费学习笔记(深入)”;

二:html有序列表无序列表详解

1.html有序列表

在html当中,有序列表一般从ol开始,然后从ol结束,中间的html都是<li>标签,有序列表一般采用数字或者字母按照顺序进行排序的,但是一般都是采用默认的数字去排列。

序列猴子开放平台
序列猴子开放平台

具有长序列、多模态、单模型、大数据等特点的超大规模语言模型

序列猴子开放平台 0
查看详情 序列猴子开放平台

html有序列表语法为:

<ol>
    <li>有序列表项</li>
</ol>
登录后复制

在以上代码中,<ol>和<li>是配合使用,并不是单独使用,ol标签内只能出现li标签,不能出现其他标签。在一般情况下,默认的都是数字,如果我们想把数字变成字母就要给<ol>加一个type属性,一般type属性值为1的时候,列表的序号就会按照123顺序排序。如果是大写的A的话,就会按照大写英文字母排序。

2.html无序列表

在html中,一般默认的项目符号是●,但是我们也是可以通过属性来改变无序列表的符号。

html无序列表语法

<ul>
    <li>无序列表项</li>
</ul>
登录后复制

以上代码中,<ul>和<li>也是配合出现的,中间不能出现任何标签,一般情况下,我们可以改变type属性来改变项目值,可以改成实心圆和空心圆还有实心正方形。三种属性分别是disc,circle,square。

以上就是对html列表使用方法?html有序列表无序列表详解的全部介绍,如果你想了解更多有关Html5教程,请关注php中文网。

以上就是html列表使用方法?html有序列表无序列表详解的详细内容,更多请关注php中文网其它相关文章!

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

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

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

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