zoukankan      html  css  js  c++  java
  • 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>

    页面展示:

  • 相关阅读:
    js 闭包
    jQuery——表单异步提交
    jaxFileUpload插件异步上传图片
    phpstorm设置断点调试
    mysql函数,语法
    mysql函数替换域名
    php对输入的检测
    超实用的php代码片段
    js检测到如果是手机端就跳转到手机端的网址代码
    定时运行某个php文件的bat文件
  • 原文地址:https://www.cnblogs.com/z617182272/p/11263131.html
Copyright © 2011-2022 走看看