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>
目录
相关文章
N..
|
1月前
|
前端开发 开发者
HTML表格
HTML表格
N..
11 1
|
1天前
|
JavaScript 前端开发 BI
原生html—摆脱ps、excel 在线绘制财务表格加水印(html绘制表格js加水印)
原生html—摆脱ps、excel 在线绘制财务表格加水印(html绘制表格js加水印)
6 1
|
10天前
|
JavaScript 前端开发
js怎么删除html元素
js怎么删除html元素
23 10
|
19天前
|
JavaScript
Vue移动 HTML 元素到指定位置 teleport 标签
Vue移动 HTML 元素到指定位置 teleport 标签
|
1月前
|
移动开发 HTML5
HTML5表格简单应用案例之[招聘需求表]
HTML5表格简单应用案例之[招聘需求表]
11 0
|
17天前
|
前端开发 JavaScript 开发工具
【HTML/CSS】入门导学篇
【HTML/CSS】入门导学篇
23 0
|
7天前
|
数据采集 前端开发 网络协议
如何使用代理IP通过HTML和CSS采集数据
如何使用代理IP通过HTML和CSS采集数据
|
12天前
|
前端开发 搜索推荐 数据安全/隐私保护
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
18 1