一、ol li有序列表标签
1.语法
- 在html中布局使用最多标签为div,
<ol>
<li>内容一</li>
<li>内容二</li>
<li>内容三</li>
</ol>
2.作用
此列表标签我们常常使用在文章标题列表、图片列表等有规律列表类内容排版布局。
3.案例
<html>
<body>
<ol>
<li>列表一:www.baidu.com</li>
<li>列表二:www.baidu.com</li>
<li>列表三:www.baidu.com</li>
</ol>
</body>
</html>
4.总结
- ol li有序列表常常用于文章标题列表排版
- ol li有序列表常常使用图片列表排版布局
- ol li我们赋予CSS样式,即可实现各式各样的列表型有规律的列表内容布局
- ol li列表标签默认样式li具有有序规律数字显示。
- ol标签下不能直接放内容或其它标签,即使要放都必须放入li标签内,而li标签内可以再放ul ol等格式各样标签。
- ol li标签我们不常用,我们通常使用ul li列表标签
二、ul li 无序列表标签
1.语法
<ul>
<li>码农教程</li>
<li>php教程</li>
<li>html教程</li>
</ul>
以上3个li标签组放在ul标签之间。
这里html ul li无序列表布局
与ol li有序列表布局语法与结构相同,
不同是默认无初始化CSS样式情况下一个是
有序号列表(1、2、3、4 ;I、II、III这类有序序号)
,一个为没有序号的列表。
无论是有序ol li列表还是无序的ul li列表,
在日常时候都需要重新设置CSS样式使用布局。
2.说明
此列表标签我们常常使用在文章标题列表、图片列表等有规律列表类内容排版布局。
3.案例
<html>
<body>
<ul>
<li>列表一:www.baidu.com</li>
<li>列表二:www.baidu.com</li>
<li>列表三:www.baidu.com</li>
</ul>
</body>
</html>
4.总结
- ul li常常用于文章标题列表排版
- ul li常常使用图片列表排版布局
- 这里说无序标签列表,主要默认情况下ul li标签是没有规律序号
- ul li我们赋予CSS样式,即可实现各式各样的列表型有规律的列表内容布局
- ul标签下不能直接放内容或其它标签,即使要放都必须放入li标签内,而li标签内可以再放ul ol等格式各样标签。