分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

>HTML编辑笔记2

发布时间:2023-09-06 01:18责任编辑:郭大石关键词:HTML

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>

>HTML编辑笔记2

原文地址:http://www.cnblogs.com/AYYLMAO/p/7674757.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved