HTML 快速入门(2)

HTML嵌入元素

source标签

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

视频 video标签

需要浏览器支持 HTML5最好

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

在这里插入图片描述

音频 audio标签

音频格式:
.mp3
.wav
.ogg

在这里插入图片描述

表格 table标签

boder属性 表示 边框粗细
tr标签 表示 表格中的某一个行
td标签 表示 每一行中的单元格/列
th标签 表示 表格标题/表头
在这里插入图片描述

HTML中的表单-form标签

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

input标签
text文本类型

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

password密码类型

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

radio单选按钮类型、

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

checkbox复选按钮类型

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

submit提交按钮类型

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

image带图提交按钮类型

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

reset重置按钮类型

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

file文本类型

可以联结本机,选择提交的文件
在这里插入图片描述

hidden隐藏字段类型

不显示,但是向服务器提交一个数值(我们输入的内容)比如:ip地址(我们在访问浏览器时,浏览器会收到我们的ip地址对我们定位)
在这里插入图片描述

select下拉列表类型

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

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

selected属性,设定后,刷新界面,自动回到selected值
在这里插入图片描述

txetarea文本域类型

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

两种表现方式:
1.cols属性,可以输入多行文本内容
2.readonly属性,只读文本内容在这里插入图片描述

color颜色类型-拾色器

在这里插入图片描述

email邮箱类型

包含了记录过的email地址
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值