如何在HTML里创建有序和无需列表

2025-11-10 15:07:31

1、新建一个文本文档,把名字改为index.txt。

如何在HTML里创建有序和无需列表

2、<!DOCTYPE html>

<html>

<head>

</head>

<body>

</body>

</html>

指定一下文件类型,并且设定一下网页的框架。

如何在HTML里创建有序和无需列表

3、<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>网名</title>

</head>

<body>

</body>

</html>

然后我们设置一下文档的字符编码。

如何在HTML里创建有序和无需列表

4、<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>网名</title>

</head>

<body>

<ol>

<li>第一条</li>

<li>第二条</li>

</ol>

</body>

</html>

使用ol就可以创建有序的列表。

如何在HTML里创建有序和无需列表

5、<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>网名</title>

</head>

<body>

<ol>

<li>第一条</li>

<li>第二条</li>

</ol>

<ul>

<li>某一条</li>

<li>另一条</li>

</ul>

</body>

</html>

如果不想为有序列表,那么可以用ul来创建,前面就会有个类似句号的。

如何在HTML里创建有序和无需列表

6、这个时候需要另存文件,并且设置为utf-8。

如何在HTML里创建有序和无需列表

7、然后把文件的后缀改为html,双击打开,就能看到效果了。

如何在HTML里创建有序和无需列表

如何在HTML里创建有序和无需列表

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢