• HTML列表的学习


    主要学习三种1)有序列表2)无序列表3)定义列表

    1.有序列表

    代码:

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>有序列表</title>
    </head>

    <body>
    <ol>
    <li>HTML</li>
    <li>CSS</li>
    <li>JavaScript</li>
    <li>jQuery</li>
    </ol>
    </body>
    </html>

    网页显示:

    有序列表的type语法

            <ol type="符号类型">

                    <li>列表项1</li>

                    <li>列表项2</li>

    有序列表的type值

    2.无序列表

    代码:

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>无序列表</title>
    </head>
    
    <body>
        <ul>
            <li>HTML</li>
            <li>CSS</li>
            <li>JavaScript</li>
            <li>jQuery</li>
        </ul>
    </body>
    </html>

    页面展示

    无序列表语法:

            <ul type="符号类型">

                    <li>列表项1</li>

                    <li>列表项2</li>

                    ...

       </ul>

    无序列表的type值:

    3.定义列表

    语法:

       <dl>

          <dt>定义名词</dt>

          <dd>定义描述</dd>

       </dl>

    代码:

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>定义列表</title>
    </head>
    
    <body>
        <dl>
            <dt>HTML</dt>
            <dd>超文本标记语言</dd>
            <dt>CSS</dt>
            <dd>层叠样式表</dd>
            <dt>JS</dt>
            <dd>JavaScript脚本语言</dd>
        </dl>
    </body>
    </html>

    页面展示:

  • 相关阅读:
    函数的四种调用模式.上下文调用.call.apply
    caller.arguments.callee.eval
    面向对象相关知识总结
    javascript与jQuery的each,map回调函数参数顺序问题
    HTML5自定义属性的设置与获取
    [bzoj1911][Apio2010]特别行动队
    [学习笔记]乘法逆元
    [日常训练]普通计算姬
    [学习笔记]线性筛
    [学习笔记]数论(一)
  • 原文地址:https://www.cnblogs.com/z617182272/p/11263131.html
Copyright © 2020-2023  润新知