用记事本编写简单html网页入门:[2]列表

2025-10-07 15:22:47

1、有序列表会在每行前面加上序号,它的符号就是<ol></ol>。

用记事本编写简单html网页入门:[2]列表

2、无序列表的符号是<ul></ul>,它在每行的前面会加一个圆点而不是数字。

用记事本编写简单html网页入门:[2]列表

3、列表中的内容要写在<li></li>中,如

<li>第一行</li><li>第二行</li><li>第三行</li>

用记事本编写简单html网页入门:[2]列表

4、将这些内容再放到相应的列表中,如

<ul>   

<li>第一行</li>   

<li>第二行</li>   

 <li>第三行</li>   

</ul>   

 或   

<ol>   

<li>第一行</li>   

<li>第二行</li>   

<li>第三行</li>

</ol>

用记事本编写简单html网页入门:[2]列表

5、再给表加一个标题,如

<h1>无序列表</h1>   

<ul>   

<li>第一行</li>   

<li>第二行</li>   

<li>第三行</li>   

</ul>

用记事本编写简单html网页入门:[2]列表

6、

最后放到html的大框架中。

<html>   

<head>

<title>列表</title>   

</head>

<body>

<h1>无序列表</h1>   

<ul>   

<li>第一行</li>   

<li>第二行</li>   

<li>第三行</li>   

</ul>   

<h2>有序列表</h2>   

<ol>    <li>第一行</li>   

<li>第二行</li>   

<li>第三行</li>   

</ol>

</body>

</html>

用记事本编写简单html网页入门:[2]列表

7、测试一下,成功显示了。

用记事本编写简单html网页入门:[2]列表

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