1月12日，HTML学习笔记2

妈蛋，这两天看HTML看上瘾了，感觉这玩意有点简单，反馈期太短了，我的python都荒废了/(ㄒoㄒ)/~~。

不多说了，把记录贴上来，到时过几天再拿出来整理一下，写上注释，顺便当做复习

去研究css了，python等我！我不会忘记你的！

1 <head>
2 <metahttp-equiv="Content-Type"content="text/html; charset="gb2312"/>
3 <metahttp-equiv="Content-Language"content="zh-cn"/>
4
5 <title>标题不会显示在文档区</title>
6 </head>
7
8
9 <!DOCTYPE html>
10 <html>
11 <head>
12 <metahttp-equiv="Content-Type"content="text/html; charset=gb2312"/>
13 <metahttp-equiv="Content-Language"content="zh-cn"/>
14
15 <basetarget="_blank"/>
16 </head>
17
18 <body>
19 <p>
20 <ahref="http://www.w3school.com.cn"target="_blank">这个链接</a>
21 将在新窗口加载，因为target属性被设置为”_blank“。22 </p>
23
24 <p>
25 <aherf="http://www.w3school.com.cn">这个链接</a>
26 也将在新窗口加载，及时没有target属性。27 </p>
28 </body>
29 </html>
30
31 <html>
32
33 <head>
34 <metahttp-equiv="Content-Type"content="text/html; charset=gb2312"/>
35
36 <metaname="author"content="w3school.con.cn"/>
37
38 <metaname="revised"content="David Yang, 8/1/07"/>
39
40 <metaname="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 <metahttp-equiv="Content-Type"content="text/html; charset=gb2312"/>
54
55 <metaname="description"content="HTML examples">
56
57 <metaname="keywords"content="HTML, DHTML, CSS, XML, XHTML, Javacript, VBScript"/>
58
59 </head>
60 </html>
61
62 <!DOCTYPE HTML>
63 <html>
64 <head>
65 <metahttp-equiv="Content-Type"content="text/html; charset=gb2312"/>
66 <metahttp-equiv="Refresh"content="5; url=http://www.w3school.con.cn"/>
67 </head>
68
69 <body>
70 <p>对不起。我们已经搬家了。您的URL是<ahref="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 <basehref="http://www.w3school.com.cn/image/"/>
85 <basetarget="_blank"/>
86 </head>
87
88 <head>
89 <linkrel="stylesheet"type="text/css"herf="mystyle.css"/>
90 </head>
91
92 <head>
93 <styletype="text/css">
94 body{background-color:yellow}
95 p{color:blue}
96 </style>
97 </head>
98
99
100 <body>
101 <scripttype="text/javescript">
102 document.write("<h1>Hello World!</h1>")103 </script>
104 </body>
105
106 <body>
107 <scripttype="text/javescript">
108 document.write("hello world!")109 </script>
110 <noscript>Sorry, your browser does not support JaveScript.</noscript>
111 </body>
112
113 <scripttype="text/javascript">
114 <!--
115 document.write("hello world!")116 //-->
117 </script>
118
119
120 <body><!--QuickTime播放Wave音频//-->
121 <objectwidth="420"height="360"
122 classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
123 codebase="http://www/apple/com/qtactivex/qtplugin.cab">
124 <paramname="src"value="/i/bird.wav"/>
125 <paramname="controller"value="true"/>
126 </object>
127 </body>
128
129 <body><!--QuickTime播放mp4视频//-->
130 <objectwidth="420"height="360"
131 classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
132 codebase="http://www/apple/com/qtactivex/qtplugin.cab">
133 <paramname="src"value="/i/movie.mp4"/>
134 <paramname="controller"value="true"/>
135 </object>
136 </body>
137
138 <body><!--Flash播放SWF视频//-->
139 <objectwidth="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 <paramname="SRC"value="bookmark.swf"/>
143 <embedsrc="/i/bookmark/swf"></embed>
144 </object>
145 </body>
146
147 <!DOCTYPE html><!--用windows media player来播放WMV影片//-->
148 <html>
149 <body>
150
151 <objectwidth="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 <paramname="url"value="3d.wmv"/>
155 <paramname="filename"value="3d.wmv"/>
156 <paramname="autostart"valu="1"/>
157 <paramname="uiMode"value="full"/>
158 <paramname="autosize"value="1"/>
159 <paramname="playcount"value="1"/>
160 <embedtype="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 <embedheight="100"width="100"src="/i/horse.mp3"></embed>
170
171 <objectheight="100"width="200"data="/i/horse.mp3"></object>
172
173 <!DOCTYOE html>
174 <html>
175 <body>
176 <audiocontrols="controls">
177     <sourcesrc="/i/song.ogg"type="audio/ogg"/>
178     <sourcesrc="/i/song.mp3"type="audio/mpeg"/>
179 Your browser does not support the audio element.180 </audio>
181 </body>
182 </html>
183
184 <audiocontrols="controls">
185     <sourcesrc="/i/song.ogg"type="audio/ogg"/>
186     <sourcesrc="/i/song.mp3"type="audio/mpeg"/>
187 <embedheight="100"width="100"src="/i/song.mp3"/>
188 </audio>
189
190 <body>
191 <p><ahref="/i/song.mp3">播放MP3</a></p>
192 <p><ahref="/i/bird.wav">播放wav</a></p>
193 <scripttype="text/javascript"src="http://mediaplayer.yahoo.com/js"></script>
194 </body>
195
196
197 <body>
198 <videowidth="320"height="240"controls="controls"
199 autoplay="autoplay">
200     <sourcesrc="/i/movie.ogg"type="video/ogg"/>
201     <sourcesrc="/i/movie.mp4"type="video/mp4"/>
202     <sourcesrc="/i/movie.webm"type="video/webm"/>
203     <objectdata="/i/movie.mp4"width="320"height="240">
204         <embedwidth="320"height="240"src="/i/movie.swf"/>
205     </object>
206 </video>
207 </body>
208
209 <embedwidth="320"height="240"src="/i/bookmark.swf"/>
210
211 <objectwidth="320"height="240"data="/i/bookmark.swf">
212 </object>
213
214 <videowidth="320"height="240"controls="controls"
215 autoplay="autoplay">
216     <sourcesrc="/i/movie.ogg"type="video/ogg"/>
217     <sourcesrc="/i/movie.mp4"type="video/mp4"/>
218     <sourcesrc="/i/movie.webm"type="video/webm"/>
219 </video>
220
221 <videowidth="320"height="240"controls="controls"
222 autoplay="autoplay">
223     <sourcesrc="/i/movie.ogg"type="video/ogg"/>
224     <sourcesrc="/i/movie.mp4"type="video/mp4"/>
225     <sourcesrc="/i/movie/webm"type="video/webm"/>
226     <objectdata="/i/movie/mp4"wideth="320"height="240">
227         <embedwidth="320"height="240"src="/i/movie.swf"/>
228     </object>
229 </video>
230
231 <embedsrc="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 <ahref="/i/bookmark.swf">播放视频文件</a>

转载于:https://www.cnblogs.com/mushroomer/p/5124605.html

1月12日，HTML学习笔记2相关推荐

9月10日OpenCV学习笔记——Mask、彩色直方图、人脸检测
文章目录前言一.Mask 二.彩色直方图三.画出基本图形四.图片上显示文本五.人脸检测前言本文为9月10日OpenCV学习笔记--Mask.彩色直方图.人脸检测,分为五个章节: Mask ...
Jerry 2016年5月20日到5月23日的学习笔记
研究了Query view的数据读取逻辑,学习了针对一个复杂的scenario,如何通过自己开发一个简单的report + SAT的方式, 来自己debug 取数逻辑.通过这个练习,加深了CDS里qu ...
2月24日android学习笔记——ListView
ListView 以垂直的形式显示所有的列表项 ListView只是容器,而里面的内容需要Adapter来负责提供每个"列表项"的组件. 在ListView的xml中,可以设置an ...
6月9日 js学习笔记
对象对象也是变量.但是对象包含很多值. JavaScript 对象是被命名值的容器. (JavaScript 对象中的)名称:值被称为属性. var person = {firstName:&qu ...
python dict hash算法_2020年3月２６日python学习笔记——ｈａｓｈ
什么是哈希? hash,一般翻译做散列.杂凑,或音译为哈希,是把任意长度的输入(又叫做预映射pre-image)通过散列算法变换成固定长度的输出,该输出就是散列值.这种转换是一种压缩映射,也就是,散列 ...
【ESWIN编程大赛】五、2020年11月12日陈工直播笔记
文章目录一.pint api功能说明 1.1.背景 1.2.需求 1.3.功能模块以及说明 1.3.1.组成模块层次 1.3.2.Memory Management 1.3.3.1D/2D/3D 内 ...
银角大王 python_2020年3月14日python学习笔记——练习题（第二章）——————重要...
练习针对列表names=['金角大王', '黑姑娘', 'rain', 'eva', '狗蛋', '银角大王', 'eva','鸡头']进入以下操作 1.通过names.index()的方法返回第2 ...
2015年10月22日CSS学习笔记
XHTML1.0对HTML4.0的改进借鉴了XML的写法,语法更加严格. 把页面的内容和样式分离了,废弃了html4中的表示样式的标签和属性.推荐使用css来描述页面的样式. CSS样式的优先级 ! ...
分享Silverlight/Windows8/WPF/WP7/HTML5一周学习导读(5月6日-5月12日)
分享Silverlight/Windows8/WPF/WP7/HTML5一周学习导读(5月6日-5月12日) 本周Silverlight学习资源更新 Beginning Silverlight 4 i ...
分享Silverlight/WPF/Windows Phone/HTML5一周学习导读(2月6日-2月12日)
分享Silverlight/WPF/Windows Phone/HTML5一周学习导读(2月6日-2月12日) 本周Silverlight学习资源更新实现Silverlight自定义载入动画的方法( ...

1月12日，HTML学习笔记2

1月12日，HTML学习笔记2相关推荐

最新文章

热门文章