[php学习八]html的列表练习

最新推荐文章于 2022-09-08 22:54:28 发布

灵眼儿上方

最新推荐文章于 2022-09-08 22:54:28 发布

阅读量323

点赞数

分类专栏： php 文章标签： html 列表

本文链接：https://blog.csdn.net/liyanq528/article/details/51982049

版权

php 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>列表练习</title>
</head>
<body>
    <p>默认类型的无续列表</p>
    <ul>
        <li>梅西</li>
        <li>C罗</li>
        <li>内马尔</li>
        <li>贝尔</li>
    </ul>
   <p>默认类型的有续列表</p>
   <ol>
       <li>梅西</li>
       <li>C罗
           <ul>
               <li>曼联</li>
               <li>皇马</li>
           </ul>
       </li>
       <li>内马尔
           <ul>
               <li>桑托斯</li>
               <li>巴萨</li>
           </ul>
       </li>

       <li>贝尔</li>
   </ol>
    <p>A类型的有续列表</p>
    <ol type="A">
        <li>梅西</li>
        <li>C罗</li>
        <li>内马尔</li>
        <li>贝尔</li>
    </ol>
    I类型的有续列表
    <ol type="I">
        <li>梅西</li>
        <li>C罗</li>
        <li>内马尔</li>
        <li>贝尔</li>
    </ol>
    自定义列表+描述
    <dl>
        <dt>C罗</dt>
        <dd>-3届金球奖得主</dd>
        <dt>梅西</dt>
        <dd>-5届金球奖得主</dd>
    </dl>
</body>
</html>

列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。<ol>有序列表；<ul>无序列表；<dl>自定义列表；<dt>自定义列表项；<dd>自定义列表描述；<li>列表项目；