您的位置：首页 > 数码常识数码常识
前端入门先学什么（Html前端）
2025-05-13人已围观
前端入门先学什么（Html前端）
上篇介绍了html 中文本格式及段落等标签，今天说下列表，什么是列表？它就是一种数据排列方式，以条列式的方式显示文本，使读者一目了然。列表主要有以下三种：
Html前端
无序列表有序列表定义列表无序列表 —— ul
无序列表在每行开始位置显示一个符号，语法如下：
显示效果：
无序列表的符号可以通过在ul 标签上设置 type 属性显示不同的符号，比如：
1、disc —— 实心圆点 (默认类型)2、circle —— 空心圆圈3、square —— 实心方块
实例代码：
显示效果：
有序列表 —— ol
有序列表使用数字或字母符号排列，表示文本按一定顺序显示，语法如下：
效果如下：
同无序列表一样，在ol上通过type 属性设置使用那种符号表示顺序，有以下几种：
1、1，表示数字 1、2、3..... （默认数字）2、a，表示小写字母 a、b、c....3、A，表示大写字母 A、B、C ....4、i，表示小写罗马字母 i、ii、iii、iv....5、I，表示大写罗马字母 I、II、III、IV....
显示效果如下：
html代码：
有序列表还可以通过start 属性设置起始数组，如下：
显示效果：
定义列表——dl
不同以上2种列表，定义列表主要用来解释名词，由2种层次列表显示，第一层是被解释的名词，第二层是详细地解释文字，语法如下：
显示效果：
第一行<dt>是要解释的名词，第二行标签<dd>是解释文本，会自动缩进。
列表的嵌套
以上三种列表是可以嵌套使用的，看如下示例：
效果：
每嵌套一层，它的符号是不一样的，你可以试试再嵌套一层看看效果。
当然，不同列表类型也可互相嵌套，根据显示效果可以自由使用，一般建议不要这样使用，不同类型列表显示在一块不是很美观。如下面无序列表中嵌套有序列表：
效果如下：
总结
列表是网页制作中经常会使用的标签，比如在制作网页导航栏菜单时会经常用到ul列表，以后会讲如何通过ul标签制作一个下拉菜单，感谢您阅读及关注，祝你学习愉快。
上面就是小居数码小编今天给大家介绍的关于（Html前端）的全部内容，希望可以帮助到你，想了解更多关于数码知识的问题，欢迎关注我们，并收藏，转发，分享。
94%的朋友还想知道的：
excel入门基础和怎样制作表格（excel入门基础知识）
怎样将html格式转成pdf啊（pdf如何转html）
html5开发和web前端（html5开发框架有哪些）
AutoCAD2008入门级纯净安装教程（autocad2008安装步骤）
155938
上篇介绍了html 中文本格式及段落等标签，今天说下列表，什么是列表？它就是一种数据排列方式，以条列式的方式显示文本，使读者一目了然。列表主要有以下三种：
Html前端
无序列表有序列表定义列表无序列表 —— ul
无序列表在每行开始位置显示一个符号，语法如下：
显示效果：
无序列表的符号可以通过在ul 标签上设置 type 属性显示不同的符号，比如：
1、disc —— 实心圆点 (默认类型)2、circle —— 空心圆圈3、square —— 实心方块
实例代码：
显示效果：
有序列表 —— ol
有序列表使用数字或字母符号排列，表示文本按一定顺序显示，语法如下：
效果如下：
同无序列表一样，在ol上通过type 属性设置使用那种符号表示顺序，有以下几种：
1、1，表示数字 1、2、3..... （默认数字）2、a，表示小写字母 a、b、c....3、A，表示大写字母 A、B、C ....4、i，表示小写罗马字母 i、ii、iii、iv....5、I，表示大写罗马字母 I、II、III、IV....
显示效果如下：
html代码：
有序列表还可以通过start 属性设置起始数组，如下：
显示效果：
定义列表——dl
不同以上2种列表，定义列表主要用来解释名词，由2种层次列表显示，第一层是被解释的名词，第二层是详细地解释文字，语法如下：
显示效果：
第一行<dt>是要解释的名词，第二行标签<dd>是解释文本，会自动缩进。
列表的嵌套
以上三种列表是可以嵌套使用的，看如下示例：
效果：
每嵌套一层，它的符号是不一样的，你可以试试再嵌套一层看看效果。
当然，不同列表类型也可互相嵌套，根据显示效果可以自由使用，一般建议不要这样使用，不同类型列表显示在一块不是很美观。如下面无序列表中嵌套有序列表：
效果如下：
总结
列表是网页制作中经常会使用的标签，比如在制作网页导航栏菜单时会经常用到ul列表，以后会讲如何通过ul标签制作一个下拉菜单，感谢您阅读及关注，祝你学习愉快。
上面就是小居数码小编今天给大家介绍的关于（Html前端）的全部内容，希望可以帮助到你，想了解更多关于数码知识的问题，欢迎关注我们，并收藏，转发，分享。
94%的朋友还想知道的：
excel入门基础和怎样制作表格（excel入门基础知识）
怎样将html格式转成pdf啊（pdf如何转html）
html5开发和web前端（html5开发框架有哪些）
AutoCAD2008入门级纯净安装教程（autocad2008安装步骤）
155938
很赞哦！ ()
下一篇：返回列表