第二课 列表、表格和媒体元素

列表

无序列表：<ul> <li> 前面是黑点

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

有序列表：<ol> <li> 前面是数字序列

<ol> <li></li> </ol>

定义列表：<dl> <dt> <dd>

<dl> <dt><dt> <dd><dd> </dl>

 

表格

表格基本使用方法

<table>表格标签

<tr>行 <th>行标题

<td>单元格

<table> <tr> <td colspan="横向跨的单元格数" rowspan="纵向跨的单元格数" align="center"居中对齐></td> </tr> </table>

跨列：colspan="横向跨的单元格数"

跨行：rowspan="纵向跨的单元格数"

宽：width="数字px"

高：height="数字px"

边界：border="数字"

对齐方式：align=" "

单元格间距：cellspacing="数字px"

单元格边距：cellpadding="数字px"

align="center"居中对齐

 

媒体元素

视频元素的使用：<video>视频 <controls>控制器 <autoplay>自动播放 <source>选择

<video src="视频路径" contrds></video> 老的

视频源：多选一解析到可以选择的那么就执行 <video controls="controls"> <source src="视频路径"></source> <source src="视频路径"></source> <source src="视频路径"></source> </video> 新的

音频元素的使用：<audio>音频 与视频元素的使用相同

结构元素

<header>定义头部 <section>定义节/区段 <footer>定义底部

<nav>定义导航链接部分 <asede>定义侧边栏内容 <article>定义页面独立的内容区域

<iframe>内联框架的使用

<a href="html文件或网址" target="myframe">链接名</a> <iframe name="myframe" src="可以是线上网页地址></iframe>