今天对Html5进行更进一步的了解,HTML5是更进一步的版本支持以下内容。
1.用于绘画的canvas元素
2.用于媒介回放的video和audio元素
3.对本地离线存储的更好支持
4.对本地离线存储的支持
5.视频播放功能更为完备
视频播放功能:
autoplay: 自动播放
loop:循环播放
视频:type:video/mp4 video/ogg
音频:type:audio/ogg audio/mpeg
ontrols=”controls” 控制组件(音量等)–>
代码如下
<videowidth="800"height="600"loop="loop"controls="controls" loop="loop"><source src="mp4.mp4" type="video/mp4"></source>
<!--隐藏域传值是value里指定的值,同时隐藏域不会再页面上显示。隐藏域可以和其他input一起传到后台http://127.0.0.8020/Test.html?frame=555;
?后面的内容就是要传递到后台的值。后台通过input输入框中指定的name名字进行取值。注意:form表单中的name属性非常关键没有那么属相无法传值。-->
<form action="demo-form.php" method="get">
<input type="text" name="a" id="a" value="" /></br>
<input type="hidden" name="b" id="b" value="777" />
<input type="submit" value="提交"/>
<input type="image" src="img/按钮.png" name="" id="" value="" /></form>
type=”image” 与type=”submit”区别:
建议使用submit,因为image每次提交都传递参数想,y(鼠标点击图片坐标)
单做和支付宝等接口时,接收方会进行MD5校验,多出的参数校验不通过。
<input type=“search” placeholder=“提示符” type="text" name="a" id="a" value="" required="required"/>
<!--require非空校验 placeholder提示符-->
下午内容为CSS入门
Html与CSS结合方式
一、第一种结合方式
Style属性:这个属性在每个标签中都存在
Colour: red; 字体颜色
Border: 1px solid red;边框宽度 实线 边框颜色
样例代码如下:
<div style="color: red;width: 100px; height: 100px; border: 1px solid pink" >我是粉色</div>
二、第二种结合方式
<head>
<meta charset="UTF-8">
<title>这是标题</title>
<style type="text/css">
#a {
border: 1px solid purple;
background-color: blue;
color: yellow;
font-size: 16pt;
}
</style>
</head>
三、第三种结合方式
四、第四种结合方式
<link rel="stylesheet" type="text/css" href="css/my.css"/>
rel=”stylesheet” 引入一个样式表。
type=“text/css”类型是一个CSS文件
href=“css/my.css”要引入的css文件的路径
这种方式在开发中非常常见。
优先级关系
style属性>style标签>外部引入
基本选择器
(1)ID选择器 #id名字
(2)Class选择器,class名字一般要想要改变多个标签就将他们的class写为同一个名。
(3)标签选择器。
拓展选择器
1.关联选择器
<style type=”text/css”>
Div p{
获取div里面的标签p。
}
</style>
2.组合选择器
Div,p,span{
Div,span和p都获取,进行样式变化。
}
3.伪元素选择器
:hover{鼠标指在上方}
:active{鼠标按下去未抬起来}
:Link{默认状态}
:visted{进入链接状态}
4.属性选择器
[属性]{
找到有相应属性名的标签设置样式。}
如[tittle]{
Background-color: red;
}
5.属性值选择器
X[属性=”值”]{
选取X中某属性为值的设置样式
(^=为包含)
}
虽然进度不快但是每天都很充实。