今天第二天学习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预览无效果
时间： 2024-10-28 16:06:01