有关H5第二章排列页面内容介绍

第二章

1.音频标签：audio
< audio src=“music.mp3” controls="controls " loop=“loop” width=“640” height=“360” >音频 < /audio >
音频标签常用的属性为：如图2.视频标签：video
< video src=“music.mp4” controls="controls " loop=“loop” poster=“huaye.png” width=“640” height=“360” >音频 < /video >
视频标签常用的属性为：如图3.列表标签
(1)
无序列表：使用项目符号来标记无序的项目
项目符号：disc(实心圆，默认）circle(空心圆) square(正方形)
语法：
< ul type=“项目符号”>
< li >第一项< li >
< li >第二项< li >
< /ul >
有序列表：使用编号来记录项目的顺序
start:从第几项开始
序号：1（默认），a，A，i ，I
语法：
< ol type=“编号” start=“序号初始值”>
< li >第一项< li >
< li >第二项< li >
< /ol >
定义列表：适合用于图文混排
< dl >
< dt >xxxxx< dt >
< dd >解释xxxxx< dd >
< /dl >
(2)
div标签（用于布局），占满一行，若存在多个div，那么就从上到下的方式排列
语法：
< div >
其他标签或内容
< /div >
span标签：多个span可以在同一行，那么就从左到右的方式排列
4.创建表格:
< table >
< tr >
< td >单元格内的文字< /td >
< td >单元格内的文字< /td >
</ tr >
< tr >
< td >单元格内的文字< /td >
< td >单元格内的文字< /td >
</ tr >
< /table >
表格：table，行：tr，列：td，表格标题标签：caption ，表格表头：th
语法：
跨列标签：colspan
< table >
< tr >
< td colspan=“所跨的列数”>单元格内容< /td >
</ tr >
< /table >
跨行标签:rowspan
< table >
< tr >
< td rowspan=“所跨的行数”>单元格内容< /td >
</ tr >
< /table >
设置边框：border:1px solid “微软雅黑”；
5.表格的宽度，高度，表格背景颜色，
单元格间距：cellspacing
单元格填充：cellpadding
语法：
< table width="宽度"height=“高度” bgcolor=“表格背景颜色” cellpadding=“单元格填充” cellspacing=“单元格间距”>
… … …
< /table >
表格的对齐方式：center，left（默认），right