首页 / HTML5 / 学习HTML5+CSS3的第二天
学习HTML5+CSS3的第二天
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了学习HTML5+CSS3的第二天，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1551字，纯文字阅读大概需要3分钟。
内容图文
今天第二天学习Html5+css3
今天根据书上一共写了两个小实例
第1个实例关于音频播放文件
1
<!
DOCTYPE HTML
>
2
<
html
>
3
<
body
>
4
<
video
tideh
="320"
height
="240"
contorls
="controls"
>
5
<
source
src
="/i/movie.ogg"
type
="video/ogg"
>
6
<
source
src
="/i/movie.mp4"
type
="video/ogg"
>
7
hellow word！
8
</
video
>
9
</
body
>
10
</
html
>
firefox预览
IE预览
没有加<meta charset="UTF-8">这句表名编码方式，然后出现乱码
第二个实例
1
<!
DOCTYPE HTML
>
2
<
html
>
3
<
head
>
4
<
meta
charset
="UTF-8"
>
5
<
style
type
="text/css"
>
6
body
7
{
8
font-size
:
70%
;
9
font-family
:
verdana,helvetica,arial,sans-serif
;
10
}
11
12
</
style
>
13
<
script
type
="text/javascript"
>
14
funcation cnvs_getCoordinates(e)
15
{
16
x
=
e.clientX;
17
y
=
e.clientY;
18
document.getElementBtId(
"
xycoordinates
"
).innerHTML
=
"
Coordinates:(
"
+
x
+
"
,
"
+
y
+
"
)
"
;
19
}
20
funcation cnvs_clearCoordinates()
21
{
22
document.getElementById(
"
xycoordinates
"
).innerHTML
=
""
;
23
}
24
</
script
>
25
</
head
>
26
<
body
style
="margin:0px;"
>
27
<
p
>
28
把鼠标悬停在下面的矩形可以看到坐标：
29
</
p
>
30
<
div
id
="coordiv"
style
="float:left;width:199px;height:99px;border:1px solid #c3c3c3"
31
onmousemove
="cnvs_getCoordinates(event)"
32
onmouseout
="cnvs_clearCoordinates()"
></
div
>
33
<
br
/>
34
<
br
/>
35
<
br
/>
36
<
div
id
="xycoordinates"
></
div
>
37
</
body
>
38
</
html
>
firefox预览无效果
原文：http://www.cnblogs.com/FFXJDD/p/4334632.html
内容总结
以上是互联网集市为您收集整理的学习HTML5+CSS3的第二天全部内容，希望文章能够帮你解决学习HTML5+CSS3的第二天所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。
来源：【匿名】