HTML5技术

第五章 建立列表_HTML教程(2)

字号+ 作者:H5之家 来源:H5之家 2015-09-24 14:14 我要评论( )

HTML HEAD TITLE嵌套列表/TITLE /HEAD BODY h3目录/h3 ol type=a li这是以序号类型a开头第一行内容/li li这是以序号类型a开头第二行内容/li ol type=A start=3 li这是以序号A类型C开头第一行内容/li li这是以序号A

<HTML>
<HEAD>
<TITLE>嵌套列表</TITLE>
</HEAD>
<BODY>
<h3>目录</h3>
 <ol type=a>
     <li>这是以序号类型a开头第一行内容</li>
     <li>这是以序号类型a开头第二行内容</li>
         <ol type=A start=3>
         <li>这是以序号A类型C开头第一行内容</li>
         <li>这是以序号A类型C开头第二行内容</li>
             <ol type=1 start=51>
             <li>这是以序号数字51开头第一行内容</li>
             <li>这是以序号数字51开头第二行内容</li>
             <li>这是以序号数字51开头第三行内容</li>
             </ol>
         <li>这是以序号A类型C开头第三行内容</li>
         </ol>
       <li>这是以序号类型a开头第三行内容</li>
 </ol>
<HR>
</BODY>
</HTML>

5-4 定义列表的标记<DL>/<DT>/<DD>

    定义列表的标记也叫描述性列表,定义列表默认为两个层次,第一层为列表项标签<DT>,第二层为注释项标签<DD>。<DT>和<DD>标签通常是成对使用的。也可以一个列表项对应于几个解释项,这种方式很少用。<DD>默认的注释是显示在另一行中,当使用<dl compact="compact">后,注释项和列表项将显示在同一行。其格式为:

    <dl>
        <dt>第1项 <dd>注释1
        <dt>第2项 <dd>注释2
        <dt>第3项 <dd>注释3
    </dl>

实例:5-4.html
<html>
<head>
<title>定义性列表</title>
</head>
<body>
定义性列表<P>
<dl>
 <dt>  WWW:<dd> WWW是(World wide web)的缩写,也可简写web;
  <dt> WWW:<dd> WWW又叫万维网;
  <dt> WWW:<dd> internet提供的最常用的服务是WWW;
</dl>
</body>
</html>

5-5 目录列表<DIR>和菜单列表<MENU>

<dir>为目录列表标签,<menu>为菜单列表标签,它们的格式和无序列表<ul>是一样的,例如:
格式1:
<dir>
  <li>第一项
  <li>第二项
  <li>第三项
</dir>

格式2
<menu>
  <li type=disc>第一项
  <li type=circle>第二项
  <li type=square>第三项
</menu>

实例:5-5.HTML

<html>
<head>
<title>无序列表</title>
</head>
<body>
<ul>
  <li>默认的无序列表加"实心园"
  <li>默认的无序列表"实心园"
  <li>默认的无序列表"实心园"
</ul>
<dir>
  <li>默认的目录列表加"实心园"
  <li>默认的目录列表"实心园"
  <li>默认的目录列表"实心园"
</dir>
<menu>
  <li>默认的菜单列表加"实心园"
  <li>默认的菜单列表"实心园"
  <li>默认的菜单列表"实心园"
</menu>

<dir>
    <li type=square>目录列表square加方块
  <li type=square>目录列表square加方块
  <li type=square>目录列表square加方块
</dir>
<menu>
    <li type=circle>菜单列表circle加空心园
  <li type=circle>菜单列表circle加空心园
  <li type=circle>菜单列表circle加空心园
</menu>
</body>
</html>

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评