A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© fmi110 高级黑马   /  2015-10-10 22:15  /  496 人查看  /  0 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

列表 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/>

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

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


0 个回复

您需要登录后才可以回帖 登录 | 加入黑马