多媒体标签:
audio | 引入音频 |
video | 引入视频 |
controls------表示视频或音频播放的组件
autoplay----自动播放
例:<audio src=" " controls="controls" autoplay="autoplay">
表格 布局:
table标签:
thead | 表头 |
tr | 行 |
td | 列 |
tbody | |
tfoot | |
border | 表格边框 |
width | 表格的宽 |
hight | 表格的高 |
align | 对齐方式/左/中/右 |
background | 背景图片 |
bgcolor | 背景颜色 |
cellspacing | 单元格之间的距离/像素 |
cellpading | 格内元素距单元格的距离 |
colspan | 行/水平方向跨列 |
rowspan | 列/垂直方向跨行 |
注:table和tr同时设置不同的高度,tr优先
tr和td同时设置不同的高度,取大值
例1:<table width="1000" hight="800" border=“1” bgcolor=“ ”>
<tr>
<td><b>最近热门电影</b></td>
<td>最新</td>
<td>热门</td>
<td>高分</td>
<td>冷门佳品</td>
<td>欧美</td>
<td><a href="#">更多>></a></td>
</tr>
例2:
<table border="1" width="300" height="200" align="center">
<tr>
<td rowspan="3"> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
形式:
例3:
<table border="1" width="300" height="200" align="center">
<tr>
<td colspan="3"> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
形式:
列表标签:
ol | 有序列表 |
ul | 无序列表 |
dl | 数据列表 |
compact | 列表呈现更小。不推荐使用 |
reversed | 规定为降序 |
start | 规定列表起始值 |
type | 规定列表中标价类型。A/a/1/Ⅰ/ⅰ |
注:dt和dd分别为dl标签中的标题和主体。
例:
<dl>
<dt>第一章</dt>
<dd>第一节</dd>
<dd>第二节</dd>
<dd>第三节</dd>
<dd>第四节</dd>
</dl>
形式:
第一章
第一节
第二节
第三节
第四节
frameset/frame标签:
(将页面分为几个部分)(不能和body标签连用)
frameset | 横着分 |
frame | 竖着分 |
rows | 分布取值 |
cols | 分布取值 |
src | 引入路径 |
例:
<frameset rows="25%,*,25%">
<frame src="新建文本文档2.html">
<frameset cols="25%,*,25%">
<frame src="新建文本文档2.html"></frame>
<frame src="练习3.html"></frame>
<frame src="练习2.html"></frame>
</frameset>
</frame>
<frame src="练习3.html"></frame>
</frameset>