HTML列表 表格 媒体元素

1. 列表
    a. 无序列表:用于导航，侧边栏新闻，图文组合。
       <ul>
            <li></li>
            <li></li>
      </ul>         

     无序列表清除前面小数点：                     

list-style-type:none:

   b. 有序列表:用于试卷，问卷调查，排行榜
      <ol>
          <li></li>
          <li></li>
      </ol>
    c. 定义列表：用于标题下有一个或多个子项（网页底部的友情链接，主题下的子项）
      <dl>
          <dt>水果</dt>
          <dd>苹果</dd>
          <dd>桃子</dd>
     </dl>
 

2. 表格：

 <table border="1px" width="50%" height="300px" cellspacing="0px" align="center">
            <tr align="center">
                <th>学号</th>
                <th>姓名</th>
                <th>家庭住址</th>
            </tr>
            <tr align="center">
                <td rowspan="2">1001</td>
                <td colspan="2">张三</td>
                
            </tr>
            <tr align="center">

                <td>李四</td>
                <td>湘潭市</td>
            </tr>
        </table>

border  边框      align="center"  居中显示        tr —— 行      

cellspacing      设置格子与格子之间的距离

cellpadding      设置单元格内容跟单元格边缘之间的距离

rowspan      行合并               colspan      列合并

3 媒体元素
        1.视频元素
           <video controls loop autoplay>
                   <source src="video/video.webm" type="video/webm"/>
                    <source src="video/video.mp4" type="video/mp4"/>
    </video>
        2.音频
           <audio controls>
                 <source src="music/music.ogg" type="audio/ogg"/>
                  <source src="music/music.mp3" type="audio/mp3"/>
           </video>

4. 布局标签：
     <div>
    <header></header>   头部
    <section></section>   主体
    <footer></footer>        尾部
     </div>