html如何将列表并排,html列表展开与收缩怎么弄

首页 > 实用技巧 > 作者:YD1662023-04-28 18:24:09

html如何将列表并排,html列表展开与收缩怎么弄(1)

哈喽大家好,我是作者“未来”,本期分享的内容是Web前端系列课程,本系列总共29个阶段,坚持学习3个月蜕变为Web前端高手哦!

志同道合的小伙伴跟我一起学习交流哦!

​第一阶段 01 HTML506列表



把制成表以表显示容器里面装载着文字或图表的一种形式,叫列表。

列表最大的特点就是整齐、整洁、有序

1 无序列表ul(重点)

无序列表的各个列表项之间没有顺序级别之分,是并列的。其基本语法格式如下:

html如何将列表并排,html列表展开与收缩怎么弄(2)

显示效果:

· 列表项1

· 列表项2

· 列表项3

2 无序列表注意事项

1.<和l< /ul中只能嵌套

2.

3.无序列表会带有自己样式属性,放下那个样式,一会让CSS来!

3 有序列表ol(了解)

有序列表即为有排列顺序的列表,其各个列表项按照一定的顺序排列定义,有序列表的基本语法格式如下:

html如何将列表并排,html列表展开与收缩怎么弄(3)

显示效果:

1. 中国

2. 美国

5 自定义列表(理解)

定义列表常用于对术语或名词进行解释和描述,定义列表的列表项前没有任何项目符号。其基本语法如下:

html如何将列表并排,html列表展开与收缩怎么弄(4)

显示效果:

四大名著

水浒传

西游记

三国演义

红楼梦

浏览器

谷歌

火狐

6 课程总结

html如何将列表并排,html列表展开与收缩怎么弄(5)

看不懂的小伙伴不要气馁,后续的分享中将持续解释,只要你跟着我分享的课程从头到尾去学习,每篇文章看三遍,一个月后,回过头来看之前的文章就会感觉简单极了。

本章已结束,下篇文章将分享《06列表》小伙伴们不要错过哟!

栏目热文

文档排行

本站推荐

Copyright © 2018 - 2021 www.yd166.com., All Rights Reserved.