美文网首页
爬虫_025_HTML列表

爬虫_025_HTML列表

作者: 为宇绸缪 | 来源:发表于2023-02-07 08:34 被阅读0次

    列表分类:有序列表、无序列表、自定义列表

    (1)有序列表:ul标签中嵌套li标签,li标签中放想要放的数据。前面的符号是黑色小圆点

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>列表</title>
    </head>
    <body>
    <ul>
        <li>古剑奇谭1</li>
        <li>古剑奇谭2</li>
        <li>古剑奇谭3</li>
    </ul>
    </body>
    </html>
    
    image.png

    (2)无序列表:ol标签中嵌套li标签,li标签中放想要放的数据。前面的符号是数字符号

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>列表</title>
    </head>
    <body>
    <ol>
        <li>仙剑1</li>
        <li>仙剑3</li>
        <li>仙剑5</li>
    </ol>
    </body>
    </html>
    
    image.png

    (3)自定义列表:dl标签中包裹dt和dd,dt当中放列表头,dd当中放想要放的数据

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>列表</title>
    </head>
    <body>
    <dl>
        <dt>游戏名称</dt>
        <dd>GTA5</dd>
        <dd>荒野大镖客</dd>
        <dd>星露谷物语</dd>
        <dt>价格</dt>
        <dd>60</dd>
        <dd>120</dd>
        <dd>30</dd>
    </dl>
    </body>
    </html>
    
    image.png

    相关文章

      网友评论

          本文标题:爬虫_025_HTML列表

          本文链接:https://www.haomeiwen.com/subject/jlmxkdtx.html