ol li目录
语法与结构
ol li标签使用说明
案例ol li代码
案例截图
ol li有序列表总结
方法/步骤
ol li有序列表标签语法与结构
<ol>
<li>内容一</li>
<li>内容二</li>
<li>内容三</li>
</ol>
以上3个li标签组放在<ol>标签之间。并且ol标签之间可以放若干li标签组。
通常我们使用li标签都是使用无序ul li列表标签。一般情况无论是有序列表（ol li）还是无序列表(ul li)我们都将CSS样式初始化，使用时候重新赋予CSS样式。
ol li标签使用说明
此列表标签我们常常使用在文章标题列表、图片列表等有规律列表类内容排版布局。这里说道无序列表，意思是ol下的li标签前面默认是序号、规律编号的列表。
ol li有序列表使用案例html代码
<ol>
<li>列表一</li>
<li>列表二</li>
<li>列表三</li>
</ol>
4
divcss5对于ol li有序列表总结
1）、常常用于文章标题列表排版2）、常常使用图片列表排版布局3）、ol li我们赋予CSS样式，即可实现各式各样的列表型有规律的列表内容布局4）、ol li列表标签默认样式li具有有序规律数字显示。5）、ol标签下不能直接放内容或其它标签，即使要放都必须放入li标签内，而li标签内可以再放ul ol等格式各样标签。6）、ol li标签我们不常用，我们通常使用ul li列表标签
ul li 是一个组合：是无序列表标签，在实际中用的非常多，
与之对应的是有序列表：ol li
<html><body>
<h4>一个无序列表：</h4>
<ul>
<li>咖啡</li>
<li>茶</li>
<li>牛奶</li>
</ul>
</body>
</html> <!DOCTYPE html>
<html>
<body>
<ol>
<li>咖啡</li>
<li>牛奶</li>
<li>茶</li>
</ol>
<ol start="50">
<li>咖啡</li>
<li>牛奶</li>
<li>茶</li>
</ol>
</body>
</html>
1、定义不同
ul 是 Unordered List（无序列表）的缩写。<li>标签定义列表项目（li是lists的缩写）。
2、用法不同
<ul>标签定义无序列表。使用 <li>标签定义的列表可以是个无序列表也可以是有序列表。
3、支持的HTML全局属性不同
<li>标签支持所有的HTML 全局属性。<ul>标签支持 HTML 中的全局属性：accesskey、class、dir、id、lang、style、tabindex、title。
4、属性不同
<ul>标签中的属性：compact、type。<ul>标签：id, class, title, style, dir, lang, xml:lang。
5、元素级别不同
ul 是块级元素可以定义宽和高，li表示行排列不能单独使用，需要在ul和ol里面，配合使用。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）