zoukankan      html  css  js  c++  java
  • web前端开发--列表

    列表类型与标记符号:

    列表类型 标记符号 备注
    无序列表 <ul></ul> 常用
    菜单列表 <menu></menu> 不常用
    目录列表 <dir></dir> 不常用
    有序列表 <ol></ol> 常用
    定义列表 <dl></dl> 常用

    无序列表:

    基本语法:

    <ul  type=" ">

      <li  type=" ">项目名称</li>

      <li  type=" ">项目名称</li>

      <li  type=" ">项目名称</li>

      ……

    </ul>

    无序列表标记type属性的值及说明:

    说明
    disc 实心圆形
    circle 空心圆形
    square 实心正方形

    有序列表:

    基本语法:

    <ol  type=" "  start=" ">

      <li  type=" "  value="n">项目名称</li>

      <li  type=" "  value="n">项目名称</li>

      <li  type=" "  value="n">项目名称</li>

      ……

    </ol>

    有序列表属性、值及说明:

    属性 说明
    type 1 有序列表中列表项的项目符号为数字列表
    A 有序列表中列表项的项目符号为大写字母列表
    a 有序列表中列表项的项目符号为小写字母列表
    Ι 有序列表中列表项的项目符号为大写罗马字母列表
    i 有序列表中列表项的项目符号为小写罗马字母列表
    start 数值 有序列表中列表项的起始数字

    列表的嵌套(无序列表中嵌套有序列表):

    基本语法:

    <ul>

      <li>项目名称

        <ol>

          <li>项目名称</li>

          <li>项目名称

            <ul>

              <li>项目名称</li>

              <li>项目名称</li>

              ……

            </ul>

          </li>

         <li>项目名称</li> 

        </ol>

      </li>

      <li>项目名称</li>

      <li>项目名称</li>

    </ul>

    定义列表:

    基本语法:

    <dl>

      <dt>项目1</dt>

          <dd>项目描述1</dd>

          <dd>项目描述2</dd>

          <dd>项目描述3</dd>

       <dt>项目2</dt>

          <dd>项目描述1</dd>

          <dd>项目描述1</dd>

          ……

      <dt>项目n</dt>

    </dl>

    用途:一般用来展示联系人信息

  • 相关阅读:
    [习题]输入自己的生日(年/月/日)#2 -- 日历(Calendar)控件的时光跳跃,一次跳回五年、十年前?--TodaysDate属性、VisibleDate属性
    Interesting effects
    kendoGrid methods方法
    kendoListBox 选择控件
    kendo format
    kendoGrid Event事件
    kendoGrid的一些基础配置
    kendoGrid edit功能
    kendoDatePicker日期选择控件
    Json与DataSet转化
  • 原文地址:https://www.cnblogs.com/gly1120/p/8682919.html
Copyright © 2011-2022 走看看