1月12日,HTML学习笔记2
妈蛋,这两天看HTML看上瘾了,感觉这玩意有点简单,反馈期太短了,我的python都荒废了/(ㄒoㄒ)/~~。
不多说了,把记录贴上来,到时过几天再拿出来整理一下,写上注释,顺便当做复习
去研究css了,python等我!我不会忘记你的!
1 <head> 2 <meta http-equiv="Content-Type" content="text/html; charset="gb2312"/> 3 <meta http-equiv="Content-Language" content="zh-cn"/> 4 5 <title>标题不会显示在文档区</title> 6 </head> 7 8 9 <!DOCTYPE html> 10 <html> 11 <head> 12 <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/> 13 <meta http-equiv="Content-Language" content="zh-cn"/> 14 15 <base target="_blank"/> 16 </head> 17 18 <body> 19 <p> 20 <a href="http://www.w3school.com.cn" target="_blank">这个链接</a> 21 将在新窗口加载,因为target属性被设置为”_blank“。 22 </p> 23 24 <p> 25 <a herf="http://www.w3school.com.cn">这个链接</a> 26 也将在新窗口加载,及时没有target属性。 27 </p> 28 </body> 29 </html> 30 31 <html> 32 33 <head> 34 <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/> 35 36 <meta name="author" content="w3school.con.cn"/> 37 38 <meta name="revised" content="David Yang, 8/1/07"/> 39 40 <meta name="generator" content="Dreamweaver 8.0en"/> 41 42 </head> 43 44 <body> 45 <p>本文档的meta属性标识了创作者和编辑软件</p> 46 </body> 47 48 </html> 49 50 51 <html> 52 <head> 53 <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/> 54 55 <meta name="description" content="HTML examples"> 56 57 <meta name="keywords" content="HTML, DHTML, CSS, XML, XHTML, Javacript, VBScript"/> 58 59 </head> 60 </html> 61 62 <!DOCTYPE HTML> 63 <html> 64 <head> 65 <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/> 66 <meta http-equiv="Refresh" content="5; url=http://www.w3school.con.cn"/> 67 </head> 68 69 <body> 70 <p>对不起。我们已经搬家了。您的URL是<a href="http://www.w3school.com.cn"> 71 http://www.w3school.com.cn/</a> 72 </p> 73 74 <p>您将在5秒内被重定向到新的地址。</p> 75 <p>如果超过5秒后您仍然看到本消息,请点击上面的链接。</p> 76 </body> 77 </html> 78 79 <head> 80 <title>Title of the document</title> 81 </head> 82 83 <head> 84 <base href="http://www.w3school.com.cn/image/"/> 85 <base target="_blank"/> 86 </head> 87 88 <head> 89 <link rel="stylesheet" type="text/css" herf="mystyle.css"/> 90 </head> 91 92 <head> 93 <style type="text/css"> 94 body {background-color:yellow} 95 p {color:blue} 96 </style> 97 </head> 98 99 100 <body> 101 <script type="text/javescript"> 102 document.write("<h1>Hello World!</h1>") 103 </script> 104 </body> 105 106 <body> 107 <script type="text/javescript"> 108 document.write("hello world!") 109 </script> 110 <noscript>Sorry, your browser does not support JaveScript.</noscript> 111 </body> 112 113 <script type="text/javascript"> 114 <!-- 115 document.write("hello world!") 116 //--> 117 </script> 118 119 120 <body><!-- QuickTime播放Wave音频//--> 121 <object width="420" height="360" 122 classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" 123 codebase="http://www/apple/com/qtactivex/qtplugin.cab"> 124 <param name="src" value="/i/bird.wav"/> 125 <param name="controller" value="true"/> 126 </object> 127 </body> 128 129 <body><!--QuickTime播放mp4视频//--> 130 <object width="420" height="360" 131 classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" 132 codebase="http://www/apple/com/qtactivex/qtplugin.cab"> 133 <param name="src" value="/i/movie.mp4"/> 134 <param name="controller" value="true"/> 135 </object> 136 </body> 137 138 <body><!--Flash播放SWF视频//--> 139 <object width="400" height="40" 140 classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" 141 codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"> 142 <param name="SRC" value="bookmark.swf"/> 143 <embed src="/i/bookmark/swf"></embed> 144 </object> 145 </body> 146 147 <!DOCTYPE html><!--用windows media player来播放WMV影片//--> 148 <html> 149 <body> 150 151 <object width="100%" height="100%" 152 type="video/x-ms-asf" url="/i/3d.wmv" data="3d.wmv" 153 classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"> 154 <param name="url" value="3d.wmv"/> 155 <param name="filename" value="3d.wmv"/> 156 <param name="autostart" valu="1"/> 157 <param name="uiMode" value="full"/> 158 <param name="autosize" value="1"/> 159 <param name="playcount" value="1"/> 160 <embed type="application/x-mplayer2" src="/i/3d.wmv" 161 width="100%" height="100%" autostart="true" 162 showcontrols="true" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/"> 163 </embed> 164 </object> 165 166 </body> 167 </html> 168 169 <embed height="100" width="100" src="/i/horse.mp3"></embed> 170 171 <object height="100" width="200" data="/i/horse.mp3"></object> 172 173 <!DOCTYOE html> 174 <html> 175 <body> 176 <audio controls="controls"> 177 <source src="/i/song.ogg" type="audio/ogg"/> 178 <source src="/i/song.mp3" type="audio/mpeg"/> 179 Your browser does not support the audio element. 180 </audio> 181 </body> 182 </html> 183 184 <audio controls="controls"> 185 <source src="/i/song.ogg" type="audio/ogg"/> 186 <source src="/i/song.mp3" type="audio/mpeg"/> 187 <embed height="100" width="100" src="/i/song.mp3"/> 188 </audio> 189 190 <body> 191 <p><a href="/i/song.mp3">播放MP3</a></p> 192 <p><a href="/i/bird.wav">播放wav</a></p> 193 <script type="text/javascript" src="http://mediaplayer.yahoo.com/js"></script> 194 </body> 195 196 197 <body> 198 <video width="320" height="240" controls="controls" 199 autoplay="autoplay"> 200 <source src="/i/movie.ogg" type="video/ogg"/> 201 <source src="/i/movie.mp4" type="video/mp4"/> 202 <source src="/i/movie.webm" type="video/webm"/> 203 <object data="/i/movie.mp4" width="320" height="240"> 204 <embed width="320" height="240" src="/i/movie.swf"/> 205 </object> 206 </video> 207 </body> 208 209 <embed width="320" height="240" src="/i/bookmark.swf"/> 210 211 <object width="320" height="240" data="/i/bookmark.swf"> 212 </object> 213 214 <video width="320" height="240" controls="controls" 215 autoplay="autoplay"> 216 <source src="/i/movie.ogg" type="video/ogg"/> 217 <source src="/i/movie.mp4" type="video/mp4"/> 218 <source src="/i/movie.webm" type="video/webm"/> 219 </video> 220 221 <video width="320" height="240" controls="controls" 222 autoplay="autoplay"> 223 <source src="/i/movie.ogg" type="video/ogg"/> 224 <source src="/i/movie.mp4" type="video/mp4"/> 225 <source src="/i/movie/webm" type="video/webm"/> 226 <object data="/i/movie/mp4" wideth="320" height="240"> 227 <embed width="320" height="240" src="/i/movie.swf"/> 228 </object> 229 </video> 230 231 <embed src="http://player.youku.com/player.php/sid/XMzI2NTc4NTMy/v.swf" 232 wideth="480" height="400" 233 type="application/x-shockwave-flash"> 234 </embed> 235 236 <a href="/i/bookmark.swf">播放视频文件</a>