• >HTML编辑笔记2


    1.列表

    ①无序列表

    <ul>

      <li>XXX</li>

      <li>XXX</li>

    </ul>

    ②有序列表

    <ol>

      <li>XX</li>

      <li>XX</li>

    </ol>

    ③定义列表

    <dl>

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

        <dd></dd>  //列表项

    </dl>

    注意:li独占一行

    2.表格

      <table>     //表格

        <tr>   //行

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

        </tr>

      </table>

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

         rowspan:表示本单元格所占行数

    3.视频

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

        推荐使用:

    例:

      <video controls>

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

        <source rc="xxx.webm" type="video/webm"/>

      </video>

    4. 音频

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

      推荐使用:(能够兼容更多浏览器)

      <audio controls>

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

        <source src="xxx.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="mn"/>

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

          <a href="" target="mn">XX</a>

  • 相关阅读:
    java数据结构:二叉树
    java数据结构:队列
    java数据结构:堆栈
    nosql初探索:linux安装redis数据库
    javaweb成长之路:SSM框架搭建
    struts2在继承ActionSupport时,在导入package前面出现错误
    ognl.NoSuchPropertyException
    第八届蓝桥杯省赛B组c++_方格分割
    第八届蓝桥杯省赛B组c++_承压计算
    第八届蓝桥杯省赛B组c++_等差素数列
  • 原文地址:https://www.cnblogs.com/AYYLMAO/p/7674757.html
Copyright © 2020-2023  润新知