zoukankan      html  css  js  c++  java
  • 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>

  • 相关阅读:
    洛谷P3003 [USACO10DEC]苹果交货Apple Delivery
    洛谷P1576 最小花费
    洛谷P1821 [USACO07FEB]银牛派对Silver Cow Party
    洛谷P1948 [USACO08JAN]电话线Telephone Lines
    洛谷P3371【模板】单源最短路径
    洛谷P2384最短路
    FirstOfAll
    Proxy模式:管理第三方API
    Abstract Server模式,Adapter模式和Bridge模式
    Observer模式
  • 原文地址:https://www.cnblogs.com/zhuhuibiao/p/9652210.html
Copyright © 2011-2022 走看看