zoukankan      html  css  js  c++  java
  • HTML的列表

    HTML列表支持有序、无序和定义列表。
    列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。

    HTML无序列表

    1、无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。
    2、无序列表适合成员之间无级别顺序关系的情况。
    3、无序列表使用<ul>标签

    HTML有序列表

    1、有序列表也是一列项目,列表项目使用数字进行标记。 有序列表始于<ol>标签。每个列表项始于<li>标签。
    2、有序列表适合各项目之间存在顺序关系的情况。
    3、列表项项使用数字来标记。

    HTML自定义列表

    1、自定义列表不仅仅是一列项目,而是项目及其注释的组合。
    2、自定义列表以<dl>标签开始。每个自定义列表项以<dt>开始。每个自定义列表项的定义以<dd>开始。
    3、自定义列表中的一个术语名可以对应多重定义或者多个术语名对应同一个定义,如果只有也术语名或者只有定义也是可行的,也就是说<dt><dd>在其中数量不限、对应关系不限。

    代码示例
    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title>列表</title>
    	</head>
    	<body>
    		<!--无序列表-->
    		<ul type="square">
    			<li>咖啡</li>
    			<li>牛奶</li>
    		</ul>
    		<!--有序列表-->
    		<ol type="a">
    			<li>Coffee</li>
    			<li>Milk</li>
    		</ol>
    		<!--自定义列表-->
    		<dl>
    			<dt>水果</dt>
    				<dd>-苹果</dd>
    				<dd>-西瓜</dd>
    			<dt>蔬菜</dt>
    				<dd>-白菜</dd>
    		</dl>
    	</body>
    </html>
    

    在这里插入图片描述

    		<ul type="circle">
    			<li>咖啡</li>
    			<li>牛奶</li>
    		</ul>
    		<ol type="I">
    			<li>Coffee</li>
    			<li>Milk</li>
    		</ol>
    

    在这里插入图片描述

  • 相关阅读:
    bzoj1589[Usaco2008 Dec]Trick or Treat on the Farm 采集糖果*
    bzoj1672[Usaco2005 Dec]Cleaning Shifts 清理牛棚*
    bzoj1691[Usaco2007 Dec]挑剔的美食家*
    bzoj1637[Usaco2007 Mar]Balanced Lineup*
    LinkedList源码
    链表
    反向打印链表
    空格替换
    二维数组查找
    待编辑
  • 原文地址:https://www.cnblogs.com/yu011/p/13488196.html
Copyright © 2011-2022 走看看