养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

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

时间:2024-09-22 14:30:25

如何在网页中加入列表

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

工具/原料

记事本程序

方法/步骤

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>列表</ti墉掠载牿tle></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]列表

© 一点知识