菜鸟HTML基础2

HTML

1.9 表格

1.表格的组成：1. 行(<tr></tr>)   2. 列   3. 单元格(<td></td>)

2.语法：<table border="1">   #border边框线
    <tr> 
        <td>第一单元格</td>
        <td>第二单元格</td>
    </tr>
    <tr>
        <td>第一单元格</td>
        <td>第二单元格</td>
    </tr>
</table>

3.演示：

1.跨行

---

rowspan 属性

1.    <table border="1">   
2.       <tr> 
3.           <td rowspan="2">第一单元格</td>    跨两行
4.           <td>第二单元格</td>
5.           <td>第二单元格</td> 
6.       </tr>
7.   <tr>
8.            <td></td> 
9.            <td>第四单元格</td>
10.           <td>第二单元格</td>
11.       </tr>
12.    <tr>
13.           <td>第五单元格</td> 
14.           <td>第六单元格</td>
15.           <td>第二单元格</td>
16.       </tr>
17.    <tr>
18.           <td>第五单元格</td> 
19.           <td>第六单元格</td>
20.           <td>第二单元格</td>
21.       </tr>
22.   </table>

2.跨列

---

colspan 属性

1.        <tr>
2.             <td colspan="2">单元格2</td>  # 跨2列
3.       </tr>

2.视频和音频

---

1.视频

Video 标签

1.         <!-- 视频播放--> 

2.       <video src="video/video.webm" controls></video>

3.       controls    # 提供播放、暂停音量的控件

4.       loop       # 实现视频的循环播放 

5.       autoplay    #  自动播放，有些浏览器不兼容。

2.音频

audio 标签

1.        <audio src="music/music.mp3" controls></audio>

2.        controls  # 提供播放、暂停音量的控件

2.1 内联框架

---

1.语法

1. <iframe src="" name=""></iframe>

1.演示

1. <a href="http://www.baidu.com.cn" target="a">百度网址</a>

2. <iframe src="" frameborder="1" name="a" width="400px" height="500px"></iframe>

3. # 注意：name属性的值和target的值要一样。

`