首页网页设计与制作写在项目下文件夹下新建一个list.html文件，按照如下内容所示在list.html展示出来，内容中的abc是有序列表中自带效果(非文本),写无序列表、写有序列表，修改有序列表起始值为“a”

网页设计与制作写在项目下文件夹下新建一个list.html文件，按照如下内容所示在list.html展示出来，内容中的abc是有序列表中自带效果(非文本),写无序列表、写有序列表，修改有序列表起始值为“a”

时间: 2024-01-24 19:17:42 浏览: 59

网页HTML代码讲解:有序列表和无序列表

本节学习HTML中的列表元素，列表形式在网站设计中占有比较大的比重，显示信息非常整齐直观，便于用户理解。在后面的CSS样式学习中将大量使用到列表元素的高级作用。用于组织数据的列表学习了这么多控制网页显示的HTML标签，读者可以初步制作纯文章页面了。本节学习HTML中的列表元素，列表形式在网站设计中占有比较大的比重，显示信息非常整齐直观，便于用户理解。在后面的CSS样式学习中将大量使用到列表元素的高级作用。 4.4.1 列表的结构组成 HTML的列表元素是一个由列表标签封闭的结构，包含的列表项由<li></li>组成。具体结构如图4.17所示。 4.4.2 制作无序列表顾名思义，无序列表

以下是list.html的代码： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>List Example</title> </head> <body> <h1>Unordered List Example</h1> <ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul> <h1>Ordered List Example</h1> <ol> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ol> <h1>Ordered List Example with Starting Value "a"</h1> <ol start="a"> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ol> </body> </html> ``` 在这个例子中，我们使用了无序列表 (unordered list) 和有序列表 (ordered list) 来展示一些项目。无序列表中的每个项目将一个小黑点作为符号，有序列表中的每个项目将一个数字、字母或罗马数字作为符号。我们还展示了如何使用 start 属性来修改有序列表的起始值。

阅读全文