zoukankan      html  css  js  c++  java
  • 第二章

    第二章的学习

     

    1.列表

    有序列表

    <ol>

      <li>内容</li>列表项

    </ol>

    无序列表

    <ul>

      <li>内容</li>

    </ul>

    定义列表

    <dl>

      <dt></dt>申明列表项

      <dd></dd>列表项

    </dl>

    注意:li独占一行

    2.表格

    <table>表格

    <tr>行

    <td colspan="“rowspan=“”></td>单元格

    </tr>

    </table>

    注意:colspan表示本单元格所占列数  rowspan表示本单元格所占行数

    3视频

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

    <video controls>

      <source src="xxx.mp4"type="video/mp4"/>

      <source src="xx.webm"type="video/webm"/>

    </video>

    4.音频

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

    推荐使用:【能够兼容更多浏览器】

    <audio controls>

      <source src="xx.mp3"type="audio/mp3"/>

      <source src="xx.ogg"type="audio/ogg"/>

    </audio>

    注意:a,视频和音频都存在浏览器的兼容问题,使用的时候尽量使用推荐的方法

    b.controls表示显示播放控制《如开始,暂停》

    还有其他的类似属性参考其他资料

    5.结构化元素

    <header>表示网页的头部

    <footer>表示网页的尾部

    <section>表示网页的独立区域

    <article>表示文章

    <aside>表示相关内容或应用《侧边栏》

    <nav>导航

    6.网页结构

    <header></header>头部

    <section></section>主体

    <footer></footer>尾部

    7.iframe内部框架

    语法:<iframe src="页面地址"name=""/>

    实现内联

    第一步:定义iframe

    <iframe src="“”name=""/>

    第二步:定义超链接并指定超链接内容要放置的地方<由target指定>

    <a href=""target="">xx</a>

    原创文章版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文链接,否则保留追究法律责任的权利。转载文章详情请查看转载链接
  • 相关阅读:
    桌面应用程序ClickOne打包部署
    Linux系统基础5周入门精讲(Linux发展过程)
    Linux系统基础5周入门精讲(服务器介绍)
    算法进阶--动态规划
    行为型模式
    结构型模式
    设计模式
    哈希表--树
    数据结构
    查找排序相关面试题
  • 原文地址:https://www.cnblogs.com/SUN99bk/p/7715036.html
Copyright © 2011-2022 走看看