zoukankan      html  css  js  c++  java
  • HTML基础——列表(一)

    一、列表标记

    • 有序列表:按照数字或者字母等顺序排列列表项目。  <ol>、<li>以及type、start属性
    • 无序列表:没有顺序的列表项目。  <ul>、<dir>、<dl>、<menu>、<li>以及type属性

    二、无序列表

    1、无序列表标记——ul

    语法:

    <ul>
    <li>第一项</li>
    <li>第二项</li>
    <li>······</li>
    ···
    </ul>

      <ul></ul>标记表示无序列表的开始和结束,而<li>表示这是一个列表项的开始。

    <html>
    <head>
    <title>创建无序列表</title>
    </head>
    
    <body>
    <font size="+3" color="#0066FF">乒乓球级别:</font><br/>
    <ul>
    <li>初级</li>
    <li>中级</li>
    <li>高级</li>
    <li>地狱级</li>
    <li>中国级</li>
    </ul>
    </body>
    
    </html>

    2、无序列表类型——type

      语法:<ul type=符号类型>``` </ul>

    符号类型包括:disc、circle、square。也可以用于<li type=符号类型> </li>

    <html>
    <head>
    <title>创建无序列表</title>
    </head>
    
    <body>
    <font size="+3" color="#0066FF">乒乓球级别:</font><br/>
    <ul type="circle">
    <li>初级</li>
    <li type="disc">中级</li>
    <li>高级</li>
    <li>地狱级</li>
    <li type="square">中国级</li>
    </ul>
    </body>
    
    </html>

    三、有序列表

    1、有序列表标记——ol

    语法:

    <ol>
    <li>第一项</li>
    <li>第二项</li>
    <li>······</li>
    ···
    </ol>

    默认数字序号排列。

    <html>
    <head>
    <title>创建有序列表</title>
    </head>
    
    <body>
    <font size="+3" color="#0066FF">乒乓球级别:</font><br/>
    <ol>
    <li>初级</li>
    <li>中级</li>
    <li>高级</li>
    <li>地狱级</li>
    <li>中国级</li>
    </ol>
    </body>
    
    </html>

    2、有序列表类型——type

      语法:<ol type=符号类型>``` </ol>

    符号类型包括:1、A、a、Ⅰ、ⅰ。也可以用于<li type=符号类型> </li>

    <html>
    <head>
    <title>创建有序列表</title>
    </head>
    
    <body>
    <font size="+3" color="#0066FF">乒乓球级别:</font><br/>
    <ol type = "A">
    <li>初级</li>
    <li type="a">中级</li>
    <li>高级</li>
    <li>地狱级</li>
    <li type="1">中国级</li>
    </ol>
    </body>
    
    </html>

    3、有序列表起始数值——start

      默认起始数值从1开始,起始数值只能是数字。

      语法:

    <ol start="起始数值">
    <li>第一项</li>
    <li>第二项</li>
    <li>······</li>
    ···
    </ol>

    <html>
    <head>
    <title>创建有序列表</title>
    </head>
    
    <body>
    <font size="+3" color="#0066FF">乒乓球级别:</font><br/>
    <ol type = "A" start="3">
    <li>初级</li>
    <li type="a">中级</li>
    <li>高级</li>
    <li>地狱级</li>
    <li type="1">中国级</li>
    </ol>
    </body>
    
    </html>
  • 相关阅读:
    极简风格的LOGO,收集一波!
    如何利用AI软件中的混合器工具制作文字
    国内有哪些非常有设计感的 App?
    如何用PS制作花型背景图
    怎样去调整摄影作品的背景颜色
    如何用PS把数码拍摄的荷花照片制作成中国风的效果
    PS 抠人像如何抠得干净?
    如何用 Ps 制作毛玻璃穿透效果?
    化装品经过这样PS包装,身价立马翻10倍
    有哪些漂亮的中国风 LOGO 设计?
  • 原文地址:https://www.cnblogs.com/zyf2014/p/5775563.html
Copyright © 2011-2022 走看看