>HTML编辑笔记2 Posted on 2017-10-17 09:33 0w0 阅读(3) 评论(0) 编辑 收藏

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>

posted on 2017-10-17 09:37  eng梦  阅读(117)  评论(0编辑  收藏  举报