HTML列表

**********************************列表***************************************

无序列表

<ul type=” ”>

<li>

内容

</li>

</ul>

注意:默认是实心圆点(disc), type=”circle”(空心圆点),type=”square”(方块)

2有序列表

<ol type=” ”>

<li>

内容

</li>

</ol>

注意:type改变显示项目符号(1;A;a;I;i)  默认1

3定义列表

<dl type=” ”>

<dt>定义列表项</dt>

<dd>定义内容</dd>

</dl>

**********************************表格***************************************

<table>表格的根标签

<tr  align=”center”>行

<td>…</td>列

</tr>

</table>

跨行:rowspan=”值”

跨列:colspan=”值”

Align:水平方向对齐(left左对齐 center居中 right右对齐)

Valign:垂直方向对齐(top顶部 middle中间  boffom底部)

*******************************媒体元素***************************************

视频:

<video src="视频路径"  controls></video>

src: 指定要播放的视频文件的路径 

controls: 提供播放、暂停和音量的控件

  注意!!!Html5对浏览器有要求,所以有些浏览器版本较低则播放不了,所以需要用以下代码

<video  autoplay  controls> 

     <source src="视频地址"  type="video/mp4"/>

 您的浏览器不支持H5 video元素  ,请使用IE9以上版本…

</video>

  视频默认不会自动播放,  所以autoplay可以设置视频自动播放  

音频:

<audio src="音频路径"  controls></ audio >

src: 指定要播放的音频文件的路径 

controls: 提供播放、暂停和音量的控件

  注意!!!Html5对浏览器有要求,所以有些浏览器版本较低则播放不了,所以需要用以下代码

<audio  autoplay  controls>

     <source src="音频地址" type="audio/mpeg"/> 

     你的浏览器不支持audio元素

</audio>

  视频默认不会自动播放,  所以autoplay可以设置视频自动播放  

loop循环播放

**********************************框架***************************************

内联框架

<iframe  src=”框架显示的页面路径”  name=”框架的名字”  width=”框架的宽度”   height=”框架的高度”   scrolling=”是否显示滚动条”> </iframe>

Iframe使用比较灵活方便,一般用于在页面引用站外的页面内容

 

内联框架的其他属性

frameborder:

 0无边框

 1有边框

注意:默认为1

 

Scrolling:

Yes 有滚动条

No  无滚动条

Auto  自动 

 

noresize:是否允许调整大小

noresize=”noresize”(不允许)

点击在框架中显示,在框架中会显示的页面

<a href=”要显示的页面” target=”框架的名字”>在内联框架中显示</a>

posted @ 2018-09-15 20:56  后山人  阅读(203)  评论(0编辑  收藏  举报