h5html视频标签播放监控视频代码 html 视频标签怎么写

文章目录

• 什么是HTML?

• HTML快速入门【案例】
• 总结
• 基础标签
• 图片、音频、视频标签
• 总结
• 超链接标签
• 列表标签
• 表格标签
• 布局标签
• 表单标签
• 表单标签-表单项

什么是HTML?

• HTML 是一门语言，所有的网页都是用 HTML 这门语言编写的
• HTML: 超文本语言

• 超文本：超越了文本的限制，比普通文本更强大。除了文字信息，还可以定义图片，音频，视频等内容
• 标记语言：由标签构成的语言

• HTML 运行在浏览器上，HTML 标签由浏览器来解析
• HTML 标签都是预定好的。例如：使用< img >展示图片
• W3C标准：网页主要由三部分组成

• 结构 ：HTML
• 表现：CSS
• 行为:Java Script

HTML快速入门【案例】

1.新建文本文件，后缀名改为 .html

2.编写 HTML 结构标签

3.在< body >中定义文字

总结

1.HTML 文件是以 .htm 或 .html 为扩展名
2. HTML结构标签

标签	描述
< HTML >	定义 HTML 文档
< head >	定义关于文档的信息
< title >	定义文档的标题
< body >	定义文档的主体

3.HTML标签不区分大小写
4.HTML 标签属性值 单双引皆可
5 HTML 语法松散

基础标签

标签	描述
< h1 >- < h6 >	定义标题，h1 最大，h6最小
< font >	定义文本的字体 、字体尺寸、字体颜色
< b >	定义粗体
< i >	定义斜体文体
< u >	定义文本下划线
< center >	定义文本居中
< p >	定义段落
< br>	定义拆行
< hr>	定义水平线

• 转义字符

图片、音频、视频标签

标签	描述
< img >	定义图片
< audio >	定义音频
< video >	定义视频

• img:定义图片
• src:规定显示图像的 URL（统一资源定位符）
• height:定义图像的高度
• width:定义图像的宽度
• audio:定义音频。支持的音频格式：MP3、WAV、OGG

• src:规定音频的 URL
• controls:显示播放控件

• video:定义视频。支持的音频格式：MP4、WebM、OGG

• src:规定视频的 URL
• controls:显示播放控件

总结

1.图片、音频、视频标签

2.尺寸单位：px和%

3.路径：绝对路径和相对路径

超链接标签

• href:指定访问资源的 URL
• target:指定打开资源的方式

• _self:默认值，在当前页面打开
• _blank:在空白页面打开

列表标签

• 有序列表（order list）
  1.咖啡
  2.茶
  3.牛奶



• 无序列表
• 咖啡
• 茶
• 牛奶



• 
  

表格标签

• table:定义表格

• border：规定表格边框的宽度
• width：规定表格的宽度
• cellspacing:规定单元格之间的空白

• tr:定义行

• align:规定表格行的内容对齐方式

• td:定义单元格

• rowspan:规定单元格可横跨的行数
• colspan:规定单元格可横跨的列数

布局标签

表单标签

• 表单：在网页中主要负责数据采集功能，使用标签定义表单
• 表单项（元素）：不同类型的 input 元素、下拉列表、文本域等



• form:定义表单
• action：规定当提交表单时向何处发送表单数据，URL
• method:规定用于发送表单数据的方式
  - get:浏览器会将数据直接附在表单的 action URL之后，大小有限制
  - post:浏览器会将数据放到 http请求消息体中。大小无限制

表单标签-表单项

• < input >:表单项，通过type属性控制输入形式
• < select >:定义下拉列表，< option>定义列表项



• < textarea>:文本域



•