黑马程序员技术交流社区

标题: web [打印本页]
作者: fmi110    时间: 2015-10-10 23:59
标题: web
a
  1. <!doctype html>
  2. <html lang="en">

  4. <head>
  5.   <meta charset = "utf-8"/>
  6.   <title>Document</title>
  7. </head>
  8. <body>
  9.         <a name = "top"></a><br/>
  10.         <img src = "biaoti.jpg" alt = "这是开头的图片"/>
  11.         <br/>
  12.         首页 > 中国馆 > 女装/女士精品 > 所有商品
  13.         <br/>
  14.         <img src = "" alt = "图片"/>

  16.         <h1>热点推荐</h1>
  17.         <dl>
  18.                 <dt><img src = "" alt ="商品1"/></dt>
  19.                 <dd>一口价：49.00<br/>
  20.                 全国包邮！韩版修身长袖T恤 打底衫 纯棉圆领T恤</dd>
  21.                 <hr/>
  22.                 <dt><img src = "" alt ="商品2"/></dt>
  23.                 <dd>一口价：89.00<br/>
  24.                 全国包邮！名品辣条 你值得拥有</dd>
  25.                 <hr/>
  26.                 <dt><img src = "" alt ="商品1"/></dt>
  27.                 <dd>一口价：49.00<br/>
  28.                 全国包邮！韩版修身长袖T恤 打底衫 纯棉圆领T恤</dd>
  29.                 <hr/>

  31.                 <!--超链接标签 a 链接资源标签 和 定位标签
  32.                 属性 target                _blank 新串口打开
  33.                                                 _self  在当期窗口打开-->
  34.                 <pre>
  35.                 <font size = "4">
  36.                         这是原样输出的标签中的内容
  37.                         <> &
  38.                 <hr/>
  39.                 表格标签： table  tr 表示行   td 表示单元  th 也表示行，且默认加粗 居中
  40.                 table的属性 border边界  bordercolor 边界颜色  cellspacing 边界间隔  width  height
  41.                 tr属性 align:对齐方式 left center right
  42.                 </font>
  43.                 </pre>

  45.                 <!--创建一个3*3的表格-->
  46.                 <table border =　"4" bordercolor = "red" cellspacing = "0" width = "180"
  47.                         height = "90" align = "center">
  48.                         <tr align = "left">
  49.                                 <td>姓名</td>
  50.                                 <td>性别</td>
  51.                                 <td>年龄</td>
  52.                         </tr>
  53.                         <tr align = "center">
  54.                                 <td>Lucy</td>
  55.                                 <td>女</td>
  56.                                 <td>18</td>
  57.                         </tr>
  58.                         <tr align = "right">
  59.                                 <td>Lily</td>
  60.                                 <td>女</td>
  61.                                 <td>18</td>
  62.                         </tr>
  63.                         <tr>
  64.                                 <th>李雷</th>
  65.                                 <th>男</th>
  66.                                 <th>17</th>
  67.                         </tr>
  68.                 </table>
  69.                 <a href = "列表标签.html" target = "_blank">这是一个超链接，链接到“列表标签”</a><br/>
  70.                 <a href = "#top">回到顶部</a>
  71.         </dl>
  72.        
  73. </body>
  74. </html>
复制代码




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