HTNL5列表,表格,音频,视频,iframe内联框架
一.列表:
无序列表:
<ul> 特性:没有顺序,每个<li>标签独占一行(块级元素)
<li>内容</li> 默认每一个li标签前有一个实心小圆点
<li>内容</li>
<li>内容</li>
</ul>
有序列表:
<li>内容</li> 默认每一个li标签前有一个实心小圆点
<li>内容</li>
<li>内容</li>
</ul>
有序列表:
<ol> 特性:有顺序,每个<li>标签独占一行(块级元素)
<li>内容</li> 默认每一个li标签前有顺序标识
<li>内容</li>
<li>内容</li>
</ol>
定义列表:
<li>内容</li> 默认每一个li标签前有顺序标识
<li>内容</li>
<li>内容</li>
</ol>
定义列表:
<dl> 特性:1.没有顺序,每一个dt和dd标签独占一行(块元素)
<dt>内容</dt> 默认没有标记
<dd>内容</dd>
<dd>内容</dd>
</dl>
二.表格:
<dt>内容</dt> 默认没有标记
<dd>内容</dd>
<dd>内容</dd>
</dl>
二.表格:
组成部分:行
列
单元格
表格优点:结构稳定,简单通用
<table border="1" >
<tr>
<th>内容</th>
列
单元格
表格优点:结构稳定,简单通用
<table border="1" >
<tr>
<th>内容</th>
<td>内容</td>
<td>内容</td>
<tr>
<th>内容</th>
<td>内容</td>
<tr>
<th>内容</th>
<td>内容</td>
<td>内容</td>
</tr>
</table>
</tr>
</table>
其中:colspan:跨列 rowspan:跨行
三。视频:
三。视频:
※使用时注意浏览器兼容问题
<video controls>
<source src="视频路径"/>
</video>
四。音频:
※使用时注意浏览器兼容问题
<audio controls>
<source src="音频路径"/>
</audio>
其中:contrls是播放插件 autoplay是自动播放
五。if内联框架:
<iframe src="嵌套的页面地址" name="内联框架名" width="宽px" height="高px"></iframe>
点击链接跳转到指定地址:
<a href="跳转路径" target="内联框架名">第一个页面</a>
<a href="跳转路径" target="内联框架名">第二个页面</a>
<a href="跳转路径" target="内联框架名">第三个页面</a>
<iframe name="内联框架名" width="宽px" height="高px"></iframe>
<iframe src="嵌套的页面地址" name="内联框架名" width="宽px" height="高px"></iframe>
点击链接跳转到指定地址:
<a href="跳转路径" target="内联框架名">第一个页面</a>
<a href="跳转路径" target="内联框架名">第二个页面</a>
<a href="跳转路径" target="内联框架名">第三个页面</a>
<iframe name="内联框架名" width="宽px" height="高px"></iframe>
原创:梅川酷子先生 联系方式QQ:2838509529