零基础HTML教程(21) |
您所在的位置:网站首页 › 有序列表与无序列表意义完全相同吗 › 零基础HTML教程(21) |
点此查看本系列全部文章 零基础Java全栈教程 文章目录 1. 任务背景2. 任务目标3. 相关知识点3.1 无序列表3.2 有序列表 4. 任务实操5. 任务总结 1. 任务背景一个元素其实就是一个,那么多个元素就可以组合为列表。既然叫列表,那么列表的元素一般是垂直排列的,所以才叫列表。 2. 任务目标本节学习列表标签的使用方法。 3. 相关知识点 3.1 无序列表无序列表应用于列表的元素没有先后顺序的场景,例如我的爱好有:篮球、足球、乒乓球,这三者没啥先后顺序,则可以使用无序列表表示。 无序列表的标签为,列表中的每个元素标签为,所以上面的例子代码为: 我的爱好: 篮球 足球 乒乓球效果如下: 有序列表应用于元素有顺序的场景,例如学生成绩排行列表。 有序列表的标签为,列表中的每个元素标签还是,所以上面的例子代码为: 成绩排行: 张三 李四 赵五效果如下: 建议将上面无序列表,有序列表的例子修改,然后在网页中运行下。 5. 任务总结看上面的例子中,无序列表和有序列表样式都不算好看,但是务必注意,HTML主要是为了表达内容。 至于如何将列表做的更好看、更优雅,则依赖我们HTML之后的教程:CSS。 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |