HTML列表、表格和媒体元素

简介: HTML列表、表格和媒体元素
        列表、表格和媒体元素
一、列表:信息资源的一种展示形式
二、列表的分类:
  有序列表
    1.例子:
    <ol>
      <li>内容</li>
    </ol>
    2.特性:
      有顺序,每个li都是块级元素
      默认的li前面有顺序标记
    
  无序列表
    1.例子:
    <ul>
      <li>内容</li>
      <li>内容</li>
    </ul>
    2.无序列表的特性:
      没有顺序,每个<li>独占一行
      默认<li>标签前面有个小圆点
      导航、侧边栏新闻、有规律的图文组合一般使用无序列表
  定义列表
    1.例子:
      <dl>
        <dt></dt>
        <dd></dd>
      </dl>
    2.特性:
      没有顺序,dt和dd标签都是块级元素
      默认没有标记
      一般用于(一个标题下有一个或者多个列表项)的情况
  列表注意事项:
    无序列表中每项都是平级,没有级别之分。
三、表格:
  1.组成:单元格,列,行
  2.基本语法:
  <table border="1">
    <tr>
      <td></td>
    </tr>
    <tr>
      <td></td>
    </tr>
  </table>
  3.跨行:rowspan
  4.跨列:colspan
四、媒体元素:
  1.视频元素:
    语法:<video src="视频路径" controls="controls" width="300px" height="300px"></video>
  2.显示视频控件:controls
  3.自动播放:autoplay
  4.音频元素:
    语法:<audio src="音频路径" controls> </audio>
  5.网页布局:
    <header>网页头部</header>
    <section>网页主体</section>
    <footer>网页底部</footer>
  6.iframe框架:
    语法:
    <a href="a.html" target="main">a页面</a>
    <a href="b.html" target="main">b页面</a>
    <iframe name="main" width="250px" height="250px"></iframe>
目录
相关文章
|
4天前
HTML 元素
HTML 元素。
10 2
|
6天前
|
前端开发 JavaScript
HTML DOM如何通过JavaScript动态改变元素的CSS样式?
【5月更文挑战第23天】HTML DOM如何通过JavaScript动态改变元素的CSS样式?
13 1
|
7天前
|
内存技术
HTML 媒体
HTML 媒体
13 0
|
14天前
|
前端开发
html中行内元素、块级元素、行内快元素都有哪些,以及区别
html中行内元素、块级元素、行内快元素都有哪些,以及区别
21 1
|
14天前
|
JavaScript 前端开发 UED
【Web 前端】如何将一个 HTML 元素添加到 DOM 树中的?
【5月更文挑战第2天】【Web 前端】如何将一个 HTML 元素添加到 DOM 树中的?
|
移动开发 编解码 HTML5
HTML5媒体(音频/视频)
HTML5媒体(音频/视频)
HTML5媒体(音频/视频)
|
移动开发 HTML5 编解码
HTML5媒体(音频/视频)
摘要:   在HTML5出现之前,web媒体大部分通过Flash来实现。这种方式造成了文件大加载慢,影响网站性能,开发难度高,维护麻烦,不易扩展等。这就导致HTML5自己开始支持媒体功能。HTML5 DOM 为 和 元素提供了方法、属性和事件。
1148 0
|
21小时前
|
存储 JavaScript 前端开发
笔.COOL,一个功能完备、使用便捷的在线HTML/CSS/JS以及Vue编辑器和作品分享平台
笔.COOL是一个新兴的在线 HTML/CSS/JS 及 Vue 编辑器,提供实时预览和云端存储功能。用户可以随时随地编写和保存代码,同时分享作品给他人预览和学习。它也是一个实用的 BUG 复现工具,支持嵌入编辑器到博客,促进代码交流。社区活跃,适合开发者展示作品、获取灵感和学习。
|
2天前
|
移动开发 API UED
html5和css3
【5月更文挑战第26天】html5和css3
13 2
尚硅谷html5+css3(4)浮动
尚硅谷html5+css3(4)浮动