欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

HTML快速入门(2)

程序员文章站 2022-05-15 20:24:53
...

HTML嵌入元素

source标签

作用:为媒介元素(比如videoaudio)定义媒介资源。

视频 video标签

需要浏览器支持 HTML5最好

视频格式:
.mp4
.m3u8 苹果公司特有的,HLS协议
.ogg
.webm

HTML快速入门(2)

音频 audio标签

音频格式:
.mp3
.wav
.ogg

HTML快速入门(2)

表格 table标签

boder属性 表示 边框粗细
tr标签 表示 表格中的某一个行
td标签 表示 每一行中的单元格/列
th标签 表示 表格标题/表头
HTML快速入门(2)

HTML中的表单-form标签

表单就是一个包含表单元素的区域

input标签

text文本类型

可输入键盘上的所有可见字符

password密码类型

规定键盘上的可见字符,输入的内容用****或…代替

radio单选按钮类型、

应用场景在问卷页面、注册页面,比如:男、女(选一个)

checkbox复选按钮类型

应用场景在问卷页面、注册页面、登录页面,比如:是否同意该条款

submit提交按钮类型

应用场景在问卷页面、注册页面、登录页面、提交页面,点击刷新页面

image带图提交按钮类型

应用场景在问卷页面、注册页面、登录页面、提交页面,点击图片刷新页面

reset重置按钮类型

应用场景在问卷页面、注册页面、登录页面、提交页面,点击重置,所填信息立即清除

file文本类型

可以联结本机,选择提交的文件
HTML快速入门(2)

hidden隐藏字段类型

不显示,但是向服务器提交一个数值(我们输入的内容)比如:ip地址(我们在访问浏览器时,浏览器会收到我们的ip地址对我们定位)
HTML快速入门(2)

select下拉列表类型

label标签,表示一个标题
option标签,表示每一个选项的内容
value属性,我们在界面选择中国,后台就会识别获取CN

	<option value="CN">中国</option>

selected属性,设定后,刷新界面,自动回到selected值
HTML快速入门(2)

txetarea文本域类型

文本域,我们可以拖动边框,进行收缩大小

两种表现方式:
1.cols属性,可以输入多行文本内容
2.readonly属性,只读文本内容HTML快速入门(2)

color颜色类型-拾色器

HTML快速入门(2)

email邮箱类型

包含了记录过的email地址
HTML快速入门(2)