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

 时间:2024-11-11 22:03:51

如何在网页中加入列表

用记事本编写简单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]列表

记事本写网页教案3-如何在HTML教案中插入视频 记事本制作网页基础教程 用UL+LI+CSS制作横排导航 css如何只设置一个html元素的上下边框 怎么用css选择ul里最后一个li里面的a元素
热门搜索
电影解说 世界著名建筑图片 测智商的图片 最新电影下载 蜱虫叮咬后伤口图片