您的当前位置:首页正文

HTML 列表基础测试程序案例1(一看就懂)

2024-11-06 来源:个人技术集锦

有序列表

同样,有序列表也是一列项目,列表项目使用数字进行标记。

有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。

<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>

浏览器显示如下:

列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。

效果

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

</head>

<body>

    

  <ol>列表测试案例1

    <li> 有序列表开始于ol标签</li>

    <li> li标签中的内容</li>

    <li>HTML基础知识点学习</li>

</ol>

      <Ol start="10">

      <li>小程序网址</li>

      <li>zhangsan</li>

      <li>lisi</li>

    </Ol>

</body>

</html>

Top