HTML 排列页面内容

一、主要标签

1.a标签 超链接跳转实现页面相互跳转

属性：href：目标路径

路径分为两种：绝对路径：网址从电脑域名开始书写D：//目录1/目录2/页面.html

相对路径：相对于当前页面的位置 推荐各位使用 tips：尽量将页面用到的所有资源放在同一个项目中

2.audio音频标签

属性：src引用资源 controls 控制面板 autoplay自动播放

兼容：各个浏览器对标签的解析效果不一样 IE7以下版本不支持audio

格式：支持mp3 .w4ma

3.video视频标签

属性：src contr autoplay poster封面

格式：mp4

4.ul无序列表

结构：

<ul>
   <li> </li>
</ul>

属性：type图标类型 disc默认实心圆 circle空心圆 square正方形

用途：菜单导航

5.ol有序列表

属性：type图标类型 order list 默认数字 1 A a start自定义设置开始的序号

tips：ul和ol的用途类似重叠，推荐使用ul

6.图文混编列表

结构

<dl>
    <dt>图片</dt>
    <dd>文字</dd>
<dl>  

用途：商品信息展示 人物介绍

7.div，span 容器标签

div 块级容器标签

span 行级容器标签

用途：以后画页面时，需要将页面分为若干个区域，可以使用div和span

8.table标签

定义：集中展示多行多列的数据

tr行标签  td单元格标签

结构

<table>
       <tr>
          <td>文字</td>
       </tr>
</table>

table标签常用属性：

border边框  默认为0px  手动设置为1px

cellspacing 单元格间距   默认为1px  手动设置为0px

2.合并单元格

跨列属性 colspan：将同一行中的某几个单元格进行合并

注意：合并方向是：向右合并

格式：<td colspan = “列数”>

跨行属性  rowspan：将同一列中相邻的单元格进行合并

注意：合并方向是：向下合并

格式：<td rowspan = “单元格数量”>