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 Elements)的属性
【8月更文挑战第27天】HTML元素(HTML Elements)的属性。
12 2
|
7天前
|
移动开发 前端开发 JavaScript
|
7天前
|
存储 前端开发
为 HTML 元素指定 CSS 样式的方式
【8月更文挑战第24天】
34 0
|
7天前
|
移动开发 编解码 HTML5
HTML5媒体(音频/视频)
HTML5媒体(音频/视频)
HTML5媒体(音频/视频)
|
移动开发 HTML5 编解码
HTML5媒体(音频/视频)
摘要:   在HTML5出现之前,web媒体大部分通过Flash来实现。这种方式造成了文件大加载慢,影响网站性能,开发难度高,维护麻烦,不易扩展等。这就导致HTML5自己开始支持媒体功能。HTML5 DOM 为 和 元素提供了方法、属性和事件。
1155 0
|
9天前
|
前端开发
HTML+CSS实现奇特的的企业官网效果
HTML+CSS实现奇特的的企业官网效果
HTML+CSS实现奇特的的企业官网效果
|
9天前
|
前端开发 JavaScript
打造现代感十足的卡片式企业官网:HTML+CSS全攻略!
打造现代感十足的卡片式企业官网:HTML+CSS全攻略!
|
9天前
|
前端开发
2s 利用 HTML+css动画实现企业官网效果
2s 利用 HTML+css动画实现企业官网效果
|
3天前
|
移动开发 前端开发 JavaScript
HTML与CSS二三事
HTML与CSS二三事
下一篇
云函数