常见标签（一）

1，<img>

alt--提示文字

src--路径

..表示上一个目录

最好使用相对路径

../images/a.jpg

<hr/> 是一条水平的分割线

如：

---

 2,<a>

href

图片超链接： <a href=""><img src=""></a>

如果href的类型不认识浏览器，就会启动下载

电子邮件：<a href="mailto:zcoder@qq.com">电子邮件</a>

target  _blank先窗口打开 _self 本窗口打开

name:用于页面内的跳转

<a name="h">asd</a>

<a href="#h">跳转到asd</a>

---

3, 创建热点区域

点击图片不同部分超链接不同

<img src="3.jpg" usemap="map">
<map id="map">
    <area shape="rect" coords="0,0,1000,1000" href="3" target="_blank">
    <area shape="rect" coords="0,100,300,300" href="3">
</map>

---

4, iframe

<iframe src="www.baidu.com"></iframe>
就是在一个窗口里面在嵌入另外一个，大小有css来控

---

5, table 表格

<table>

<tr>表示是一行

<td>表示每一个项

<table>
    <tr>
        <td>1,1</td>
        <td>1,2</td>
        <td>1,3</td>
    </tr>
    <tr>
        <td>2,1</td>
        <td>2,2</td>
        <td>2,3</td>
    </tr>
    <tr>
        <td>3,1</td>
        <td>3,2</td>
        <td>3,3</td>
    </tr>
</table>
colspan左右合并单元格
rowspan上下合并单元格

<table>
    <tr>
        <td>1,1</td>
        <td colspan="2">111</td>
    </tr>
    <tr>
        <td>2,1</td>
        <td>2,2</td>
        <td>2,3</td>
    </tr>
</table>

<table>
    <tr>
        <td>1,1</td>
        <td rowspan="2">1.2</td>
        <td>1,3</td>
    </tr>
    <tr>
        <td>2,1</td>
        <td>2,3</td>
    </tr>
</table>

<thead>表头 <tbody>主体 <tfoot>脚注 <caption> 表示标题 <th> 表示表头里面的项相当于主体里面的<td>

<table>
    <caption>学生成绩单</caption>
    <thead>
       <tr>
           <th>姓名</th>
           <th>性别</th>
           <th>成绩</th>
       </tr>
    </thead>
    <tbody>
      <tr>
          <td>张三</td>
          <td>男</td>
          <td>30</td>
      </tr>
      <tr>
          <td>里三</td>
          <td>男</td>
          <td>50</td>
      </tr>
    </tbody>
    <tfoot>
      <tr>
          <td>平均分</td>
          <td colspan="2">40</td>
      </tr>
    </tfoot>
</table>

学生成绩单

姓名	性别	成绩
张三	男	30
里三	男	50
平均分	40