【8】HTML基础(3)——HTML常用标签④


九、有序列表标签

  • 列表用于制作HTML中的一系列项目;
  • 通常我们会将内容相关、结构相似、样式相近的内容使用列表结构进行搭建;
  • 根据项目的内容不同,可以有三种语义的列表结构:无序列表、有序列表、定义列表;
  • 常见列表情况:②有序列表

(一)语法:

  • 有序列表的语法与无序列表非常类似,只是在语义上有差异。
  • 有序列表由两个标签组成,分别是<ol><li>;
  • ol:ordered list,表示定义一个有序的列表的大结构;
  • li:list item,定义的是有序列表的每一项;
  • <ol><li>是嵌套关系,<ol>标签内部可以嵌套任意多个<li>标签。
 <ol> 
    <li>列表项1</li>
    <li>列表项2</li> 
    <li>列表项3</li>
    <li>列表项4</li>
 </ol>


(二)注意事项:

  • <ol>内部只能嵌套<li>标签,而<li>不能脱离<ol>单独书写;
  • <li>标签是一个经典的容器级标签,内部可以放置任意内容,甚至可以放ol>li
  • 有序列表的列表项<li>之间,存在顺序先后之分,根据内容的顺序需要合理调整书写位置;
  • 有序列表的作用只是搭建有顺序的列表结构,前面的数字排序样式不是<ol>标签的作用, 而是CSS负责的。

下篇继续…

全部评论

相关推荐

自从我室友在计算机导论课上听说了“刷&nbsp;LeetCode&nbsp;是进入大厂的敲门砖”,整个人就跟走火入魔了一样。他在宿舍门口贴了一张A4纸,上面写着:“正在&nbsp;DP,请勿打扰,否则&nbsp;Time&nbsp;Limit&nbsp;Exceeded。”日记本的扉页被他用黑色水笔加粗描了三遍:“Talk&nbsp;is&nbsp;cheap.&nbsp;Show&nbsp;me&nbsp;the&nbsp;code。”连宿舍聚餐,他都要给我们讲解:“今天的座位安排可以用回溯算法解决,但为了避免栈溢出,我建议用动态规划。来,这是状态转移方程:dp[i][j]&nbsp;代表第&nbsp;i&nbsp;个人坐在第&nbsp;j&nbsp;个位置的最优解。”我让他去楼下取个快递,他不直接去,非要在门口踱步,嘴里念念有词:“这是一个图的遍历问题。从宿舍楼(root)到驿站(target&nbsp;node),我应该用&nbsp;BFS&nbsp;还是&nbsp;DFS?嗯,求最短路径,还是广度优先好。”和同学约好出去开黑,他会提前发消息:“集合点&nbsp;(x,&nbsp;y),我们俩的路径有&nbsp;k&nbsp;个交点,为了最小化时间复杂度,应该在&nbsp;(x/2,&nbsp;y/2)&nbsp;处汇合。”有一次另一个室友低血糖犯了,让他帮忙找颗糖,他居然冷静地分析道:“别急,这是一个查找问题。零食箱是无序数组,暴力查找是&nbsp;O(n)。如果按甜度排序,我就可以用二分查找,时间复杂度降到&nbsp;O(log&nbsp;n)。”他做卫生也要讲究算法效率:“拖地是典型的岛屿问题,要先把连通的污渍区块都清理掉。倒垃圾可以用双指针法,一个指针从左往右,一个从右往左,能最快匹配垃圾分类。”现在我们宿舍的画风已经完全变了,大家不聊游戏和妹子,对话都是这样的:“你&nbsp;Two&nbsp;Sum&nbsp;刷了几遍了?”“别提了,昨天遇到一道&nbsp;Hard&nbsp;题,我连暴力解都想不出来,最后只能看题解。你呢?”“我动态规划还不行,总是找不到最优子结构。今天那道接雨水给我整麻了。”……LeetCode&nbsp;真的害了我室友!!!
老六f:编程嘉豪来了
AI时代还有必要刷lee...
点赞 评论 收藏
分享
评论
点赞
收藏
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务