认识html————有序列表的理解

2019-04-11  本文已影响0人  周行知

有序列表的理解:

有序列表的作用:

有序列表的作用:给一堆数据添加列表的语义,并且一堆数据中所有数据都有先后之分。

有序列表的格式:
<ol>

<li></li>

</ol>

其他用法类比ul的用法

一个类比的例子:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>有序列表</title>

</head>

<body>

<ol type="1">

<li><a href="http://news.163.com/" class="fontb">新闻</a></li>

<li><a href="http://war.163.com/">军事</a></li>

<li><a href="http://news.163.com/photo/">图片</a></li>

<li><a href="http://news.163.com/air/">航空</a></li>

<li><a href="http://ent.163.com/" class="fontb">娱乐</a></li>

<li><a href="http://ent.163.com/movie/">电影</a></li>

<li><a href="http://music.ent.163.com/">音乐</a></li>

<li><a href="http://war.163.com/">军事</a></li>

<li><a href="http://war.163.com/">军事</a></li>

<li><a href="http://public.163.com" class="nav_jingdian_tongji">经典</a></li>

</ol>

</body>

</html>

运行的结果如下:

编程学习方法:

学习编程需要我们循序渐进的过程,要学会对比研究,例如ul与ol之间的区别,例如java中线程与进程之间的区别,js原型与原型链条之间的区别。

上一篇下一篇

猜你喜欢

热点阅读