黑马程序员技术交流社区

标题: javaweb 列表标签dl [打印本页]
作者: fmi110    时间: 2015-10-10 22:15
标题: javaweb 列表标签dl
列表 dl  dt列表标题   dd内容
有序ol  type设置开头符号  1数字   a字母  i
无序ul  type  开头符号  disc  circle  square
图像标签  img   属性    src路径    width宽度   height高度
  1. <!doctype html>
  2. <html lang="en">
  3. <head >这是Head部分
  4.   <title>这是Title</title><br/>
  5. </head><br/>
  6. <body>
  7.   <dl></dl>：表示列表的范围
  8.   <dl>    <font color = "green">这是dl部分,说明dl只是列表的标签
  9.   声明，里边不放东西，列表内容放在 dt dd标签里
  10.                 <dt>这是dt部分<dt>
  11.                 <dd>这是dd部分1</dd>
  12.                 <dd>这是dd部分2</dd>
  13.                 <dd>这是dd部分3</dd>
  14.                 <dd>这是dd部分4</dd>
  15.   </dl>
  16.   <hr size = "3" color = "red"/>
  17.   有序列表范围的标签为 ol<br/>
  18.       ol的属性 type  值 1（默认）   a    i
  19.   <br/>
  20.   列表的具体内容放在标签 li 里<br/>
  21.   <hr/>

  23.   <ol type = "a">
  24.                 <li>这是个有序列表</li>
  25.                 <li>有序列表的</li>
  26.   </ol>

  28.   <ul type = "circle" type = "square"  type = "disc" >
  29.                 <li>ul里如果出现相同的属性设置，一般以第一个为准</li>
  30.                 <li>哈哈</li>
  31.                 <li>有什么区别呢</li>
  32.   </ul>
  33.         <hr/>
  34.         图像标签 img 属性 src路径  width宽度        height高度
  35.         alt 图片上的文字提示
  36.         <br/>
  37.         <img src = "1.jpg" width = "320" height = "240"/>
  38.         <br/>
  39.         <img src = "3.jpg" width = "240" height = "320" alt = "这是我的图片"/>
  40. </body>
  41. </html>
复制代码






欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2