• 第二章


    第二章的学习

     

    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>

    原创文章版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文链接,否则保留追究法律责任的权利。转载文章详情请查看转载链接
  • 相关阅读:
    关于VS中更改栈和堆空间的大小
    BS模式的模型结构详解
    友情链接
    [ThinkPHP] 比较标签 neq&nheq 与 PHP 中的 != 与 !== 出现的问题
    [个人思考] 裸泳的问题
    [label][Chrome-Extension] How to start Chrome Extension's development
    [label][OS] 制作 U 盘安装 Windows 7
    [label][Google-Developers] Your First Multi Screen Site
    Min Stack
    Implement Stack using Queues
  • 原文地址:https://www.cnblogs.com/SUN99bk/p/7715036.html
Copyright © 2020-2023  润新知