zoukankan      html  css  js  c++  java
  • HTML5 第二章 列表和表格和媒体元素

    列表:

    (1)什么是列表?

    列表就是信息资源的一种展示形式。

    (2)无序列表:

    语法:

    <ul>

    <li>第1项</li>

    <li>第2项</li>

    <li>第3项</li>

    </ul>

    (3)有序列表:

    语法:

    <ol>

    <li>第1项</li>

    <li>第2项</li>

    <li>第3项</li>

    </ol>

    (4)定义列表:

    语法:

    <dl>

    <dt>标题一</dt>

    <dd>第1项</dd>

    <dd>第2项</dd>

    <dt>标题二</dt>

    <dd>第1项</dt>

    </dl>

    表格:

    (1)为什么使用表格?

    简单通用     结构稳定  

    (2)表格的基本结构:

    单元格  行  列   

    语法:

    <table>

    <tr>

    <th>第一个单元格的内容</th>

    。。。。。

    </tr>

    <tr>

    <td>第一个单元格的内容</th>

    。。。。

    </tr>

    </table>

    (3)表格的跨行与夸列:

    跨行:

    语法:

    <table>

    <tr>

    <td rowspan="所跨的行数">单元格内容</td>

    </tr>

    </table>

    跨列:

    语法:

    <table>

    <tr>

    <td colspan="所跨的列数">单元格内容</td>

    </tr>

    </table>

    HTML5的媒体元素:

    (1)视频元素:

    video元素是HTML5播放视频的一种标准方法。

    video:

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

    (2)音频元素:

    audio元素是用来播放音频文件的。

    语法:

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

    HTML5的结构元素:

    元素名及描述:

    header:标题头部区域的内容。

    footer:标记脚部区域的内容。

    section:Wed页面中的一块独立区域。

    article:独立的文章内容。

    aside:相关内容或应用。

    nav:导航类辅助内容。

    <iframe>框架:

    iframe是使页面中的部分内容用框架实现。

    语法:

    <iframe src="引用页面地址"name="框架标识名"...></iframe>

    <iframe>属性:

    <iframe>内联框架常用属性包括name,width,heigth。其中name属性可以和锚链接结合起来实现页面间的相互跳转。

    name属性语法:

    <iframe name="mianFrame" src="subframe/the_second.html />

     

  • 相关阅读:
    asp.net core过滤器记录响应对象
    ef core实现无感知软删除
    Egret资源跨域问题
    ASP.Net Core中使用jquery-ajax-unobtrusive替换Ajax.BeginForm
    把.Net开发环境迁移到Linux上去
    Mysql8.0升级后,Navicat连接报错caching_sha2_password 问题
    改MySQL的编码方式,解决jdbc MySQL中文乱码问题
    怡红公子专属网址导航
    html以前没有学到的标签
    有哪些质量上乘的程序员必关注的网站或论坛
  • 原文地址:https://www.cnblogs.com/wsnb8/p/7440722.html
Copyright © 2011-2022 走看看