1月11日,HTML学习笔记

  1 <ul>
  2     <li>coffee</li>
  3     <li>tea</li>
  4     <li>mile</li>
  5 </ul>
  6
  7 <ol>
  8     <li>coffee</li>
  9     <li>tea</li>
 10     <li>milk</li>
 11
 12 <ol start="99">
 13     <li>coffee</li>
 14     <li>mile</li>
 15     <li>tea</li>
 16 </ol>
 17
 18 <di>
 19     <dt>coffee</dt>
 20         <dd>black hot drink</dd>
 21     <dt>milk</dt>
 22         <dd>white cold drink</dd>
 23 </dl>
 24
 25 <ul type="disc">
 26     <li>apple</li>
 27     <li>banana</li>
 28     <li>lemon</li>
 29     <li>orange</li>
 30 </ul>
 31
 32 <ul type="circle">
 33     <li>apple</li>
 34     <li>banana</li>
 35     <li>lemon</li>
 36     <li>orange</li>
 37 </ul>
 38
 39 <ul type="square">
 40     <li>apple</li>
 41     <li>banana</li>
 42     <li>lemon</li>
 43     <li>orange</li>
 44 </ul>
 45
 46
 47
 48 <!DOCTYPE html>
 49 <html>
 50 <head>
 51 <style type="text/css">
 52 div#container {width:500px}
 53 div#header {background-color:#99bbbb;}
 54 div#menu {background-color:#ffff99; height:200px; width:100px; float:left;}
 55 div#content {background-color:#EEEEEE; height:200px; width:400px; float:left;}
 56 div#footer {background-color:#99bbbb; clear:both; text-align:center;}
 57 h1 {margin-bottom:0;}
 58 h2 {margin-bottom:0; font-size:14px;}
 59 u1 {margin:0;}
 60 li {list-style:none;}
 61 </style>
 62 </head>
 63
 64 <body>
 65
 66 <div id="container">
 67
 68 <div id="header">
 69 <h1>Main Title of Web Page</h1>
 70 </div>
 71
 72 <div id="menu">
 73 <h2>Menu</h2>
 74 <u1>
 75 <li>HTML</li>
 76 <li>CSS</li>
 77 <li>JavaScript</li>
 78 </ul>
 79 </div>
 80
 81 <div id="content>Content goes here</div>
 82
 83 <div id="footer>Copyright W3School.com.cn</div>
 84
 85 </div>
 86
 87 </body>
 88 </html>
 89
 90
 91
 92 <h4>number list</h4>
 93 <ol>
 94     <li>apple</li>
 95     <i>banana</li>
 96     <li>lemon</li>
 97     <li>orange</li>
 98 </ol>
 99
100 <ol type="A">
101     <li>apple</li>
102     <li>banana</li>
103     <li>lemon</li>
104     <li>orange</li>
105 </ol>
106
107 <ol type="a">
108     <li>apple</li>
109     <li>banana</li>
110     <li>lemon</li>
111     <li>orange</li>
112 </ol>
113
114 <h4>罗马字母列表</h4>
115 <ol type="I">
116     <li>apple</li>
117     <li>banana</li>
118     <li>lemon</li>
119     <li>orange</li>
120 </ol>
121
122 <h4>小写罗马字母列表</h4>
123 <ol type="i">
124     <li>apple</li>
125     <li>banana</li>
126     <li>lemon</li>
127     <li>orange</li>
128 </ol>
129
130 <ul>
131     <li>coffee</li>
132     <li>tea
133         <ul>
134             <li>red tea</li>
135             <li>green tea</li>
136         </ul>
137     </li>
138     <li>milk</li>
139 </ul>
140
141 <ul>
142     <li>coffee</li>
143     <li>tea
144         <ul>
145             <li>red tea</li>
146             <li>greeen tea
147                 <ul>
148                     <li>china tea</li>
149                     <li>afcari tea</li>
150                 </ul>
151             </li>
152         </ul>
153     </li>
154     <li>milk</li>
155 </ul>
156
157 <dl>
158     <dt>计算机</dt>
159         <dd>用来计算的仪器</dd>
160     <dt>显示器</dt>
161         <dd>以视觉方式显示信息的装置</dd>
162 </dl>
163
164
165
166 <!DOCTYPE html>
167 <html>
168 <body>
169
170 <table width="500" border="0">
171     <tr>
172         <td colspan="2" style="background-color:#99bbb;">
173             <h1>Main Title of Web Page</h1>
174         </td>
175     </tr>
176
177     <tr valign="top">
178         <td style="background-color:#ffffgg; width:100px; text-align:top;">
179             <b>Menu</b><br/>
180             HTMl<br/>
181             CSS<br/>
182             JavaScript
183         </td>
184         <td style="background-color:#EEEEEE; height:200px; width:400px; text-align=top;">
185             Content goes here
186         </td>
187     </tr>
188
189     <tr>
190         <td colspan="2" style="background-color:#99bbb; text-align:center;">
191             Copyright W3School.con.cn
192         </td>
193     </tr>
194 </table>
195
196 </body>
197 </html>
198
199
200
201 <form>
202     first name: <input type="text"><br/>
203     last name: <input type="text">
204 </form>
205
206 <form>
207 用户:<input type="text" name="user"><br/>
208 密码:<input type="password" name="password">
209 </form>
210
211 <form>
212 I like bikes:<input type="checkbox" name="bike">
213 I like cars:<input type="checkbox" name="car">
214 </form>
215
216 <form>
217 man:<input type="radio" name="sex" value="male"/><br/>
218 woman:<input type="radio" name="sex" calue="female"/>
219 </form>
220
221 <form>
222 <select name="cars">
223 <option value="volvo">Volvo</option>
224 <option value="saab">Saab</option>
225 <option value="fiat">Fiat</option>
226 <option value="audi">Audi</option>
227 </select>
228 </form>
229
230 <form>
231 <select name="cars">
232 <option value="volvo">Volvo</option>
233 <option value="saab">Saab</option>
234 <option value="fiat" selected="selected">Fiat</option>
235 <option value="audi">Audi</option>
236 </select>
237 </form>
238
239 <textarea row="10" cols="30">
240 The cat was playing in the garden.
241 </textarea>
242
243 <form>
244 <input type="button" value="hello world!"/>
245 </form>
246
247 <form>
248     <fieldset>
249         <legend>healthy statement</legend>
250         height:<input type="text"/>
251         weight<input type="text"/>
252         </legend>
253     <fieldset>
254 </form>
255
256 <form action="/example/html/form_action.asp" method="get">
257     <p>First name:<input type="text" name="fname"/></p>
258     <p>Last name:<input type="text" name="lname"/></p>
259     <input type="submit" value="Submit"/>
260 </form>
261
262 <form name="input" action="/html/html_form_action.asp" method="get">
263 I have a bike:<input type="checkbox" name="vehicle" value="Bike" checked="checked"/><br/>
264 I have a car:<input type="checkbox" name="vehicle" value="Car"/><br/>
265 I have an airplane:<input type="checkbox" name="vehicle" value="Airplane"/><br/>
266 <br/>
267 <input type="submit" value="Submit"/>
268 </form>
269
270 <form name="input" action="/html/html_form_action.asp" method="get">
271 Male:<input type="radio" name="Sex" value="Male" checked="checked"/><br/>
272 Female:<input type="radio" name="Sex" value="Female"/><br/>
273 <input type="submit" value="Submit"/>
274 </form>
275
276 <form action="MAILTO:[email protected]" method="post" enctype="text/plain">
277 <h3>这个表单会把电子邮件发送到W3School</h3>
278 姓名:<br/>
279 <input type="text" name="name" value="yourname" size="20"/>
280 <br/>
281 电邮:<br/>
282 <input type="text" name="mall" value="yourmail" size="20"/>
283 <br/>
284 内容:<br/>
285 <input type="text" name="comment" value="yourcomment" size="40"/>
286 <br/>
287 <br/>
288 <input type="submit" value="发送"/>
289 <input type="reset" value="重置"/>
290 </form>
291
292
293
294 <html>
295 <frameset cols="25%,50%,25%">
296     <frame src="/example/html/frame_a.html">
297     <frame src="/example/html/frame_b.html">
298     <frame src="/example/html/frame_c.html">
299 </frameset>
300 </html>
301
302 <html>
303 <frameset rows="25%,50%,25%">
304     <frame src="http://wwww.taobao.com/">
305     <frame src="http://www.baidu.com/">
306     <frame src="http://www.qq.com/">
307 </frameset>
308 </html>
309
310 <frameset cols="25%,50%,25%">
311     <frame src="/example/html/frame_a.html"/>
312     <frame src="/example/html/frame_b.html"/>
313     <frame src="/example/html/frame_c/html"/>
314
315 <noframes>
316 <body>您的浏览器无法处理框架!</body>
317 </noframes>
318 </frameset>
319
320
321 <html>
322 <frameset rows="50%,50%"
323     <frame src="http://www.qq.com/"/>
324     <frameset cols="25%,75%">
325         <frame src="http://www.baidu.com/"/>
326         <frame src="http://www.taobao.com/"/>
327     </frameset>
328 </frameset>
329 </html>
330
331 <html>
332 <frameset cols="50%,*,25%">
333     <frame src="example/frame_a.html" noresize="noresize"/>
334     <frame src="example/frame_b.html"/>
335     <frame src="example/frame_c.html"/>
336 </frameset>
337 </html>
338
339 <frameset cols="120,*">
340     <frame src="/example/html/html_contents.html"/>
341     <frame src="example/html/frame_a.html" name="showframe"/>
342 </frameset>
343
344 <html>
345 <body>
346 <iframe src="/i/eg_landscape.jpg"></iframe>
347 </body>
348 </html>
349
350 <frameset cols="20%,80%">
351     <frame src="/example/html/frame_a.html"/>
352     <frame src="/example/html/link.html#c10"/>
353 </frameset>
354
355 <frameset cols="180,*">
356     <frame src="/example/html/content.html"/>
357     <frame src="/example/html/link.html" name="showframe"/>
358 </frameset>
359
360 <iframe src="/example/html/demo_iframe.html" width="200" height="280"></iframe>
361 <iframe src="/example/html/demo_iframe.html" frameborder="0"></iframe>
362
363 <iframe src=".example/html/demo_iframe.html" name="iframe_a"></iframe>
364 <p><a href="http://www.w3school.com.cn" target="iframe_a">W3School.com.cn</a></p>
时间: 2024-10-14 07:23:27

1月11日,HTML学习笔记的相关文章

5月11日上午学习日志

2017年5月11日上午把昨天记忆的英语单词的多种词意用自己组句的方法联系起来再记忆一遍,然后再联系真题学10个考研高频词汇,然后再复习昨天的词汇,再完成英语app的打卡.

4月11日下午学习日志

2017年4月11日下午复习了高等数学,看完了张宇高等数学基础班课程视频第三讲考研数学视频,继续做相应的单元测试题,第二遍听课过程中能巩固之前所学内容,加深印象,对复习有很大的帮助,完成英语单词的背诵.

2016年1月5日 SSH学习笔记

1月5日 1.为什么有的配置的过滤器的类是org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter,有的配置的过滤器是org.apache.struts2.dispatcher.FileDispatcher? 因为,从struts-2.1.3以后,org.apache.struts2.dispatcher.FileDispatcher值被标注为过时.虽然仍然起作用,但是不建议使用. 2.为什么有的时候不用execu

11月15日jquery学习笔记

1.属性 jQuery对象是类数组,拥有length属性和介于0~length-1之间的数值属性,可以用toArray()方法将jQuery对象转化为真实数组. selector属性是创建jQuery对象时 的选择器字符串. context是上下文对象,是传递给$()方法的第二参数,如果没有传递的话,默认是Document对象. jquery属性,字符串形式的jQuery版本号,检测该属性是否存在可以简单快捷地将jQuery对象与其他类数组对象区分开来. 2.方法 遍历jQuery对象中的所有元

2016年4月25日_JAVA学习笔记_Lock和Condition

1.在毕老师的视频里,首先介绍的是synchronized关键字作为同步,紧接着在多生产者和多消费者的例子当中就引出了Lock接口和Condition接口.而在书中是先介绍的Lock核Condition接口.我感觉Lock和Con接口比较复杂,相比于synchronized关键字来说需要做的事情太多,很繁琐,虽然功能可能强大很多,但是对于初学者来说先接触一个简单的关键字,从而学习到同步的概念是比较好的. 2.书中有一个简单的Lock接口例子 1 private Lock myLock = new

6月11日 python学习总结 框架理论

Web框架本质 我们可以这样理解:所有的Web应用本质上就是一个socket服务端,而用户的浏览器就是一个socket客户端. 这样我们就可以自己实现Web框架了. 半成品自定义web框架 import socket sk = socket.socket() sk.bind(("127.0.0.1", 80)) sk.listen() while True: conn, addr = sk.accept() data = conn.recv(8096) conn.send(b"

2016年4月27日_JAVA学习笔记_JAVA中常见的API(一)String

1.String在JAVA中是一个单独的类,只不过是一种特殊的,专门用来表示字符串的类.之前接触到的创建方式很简单,就是跟C语言中创建变量一样, String aString = "This is a String."; //变量类型为String,变量名为aString,内容为"This is a String.". 在学习API时,接触到了一种特别的创建方式.因为String是一个类,那么就肯定可以用其构造器方法来创建相应的对象. String aString

5月11日下午学习日志

下午学了通信原理教材和通信工程视频.学习了通信工程Linux 系统命令中的命令手册部分 命令手册 manual man COMMAND 分章节 1.用户命令(/bin,/usr/bin,/usr/local/bin) 2.系统调用 3.库用户 4.特殊文件(设备文件) 5.文件格式(配置文件的语法) 6.游戏 7.杂项(Miscellaneous ) 8.管理命令(/sbin,/usr/sbin,/usr/local/sbin

2016年4月24日_JAVA学习笔记_多线程三_线程间通信

1.毕老师第十四天内容,线程间的通信.大概是使用wait(),notify()等一系列函数来控制各个线程的CPU执行资格和执行权,通过合适的时机在各个线程当中切换来达到线程间通信的目的. 涉及到的方法: wait():让线程处于等待状态,被wait()的线程会被存储到线程池当中,直到被唤醒.只能在同步方法中被调用. notify():随机选择一个在该对象上调用wait方法的线程,解除其阻塞状态.只能在同步方法和同步代码块中被调用. notifyAll():接触所有在该对象上调用wait()方法的

2016年3月30日_JAVA学习笔记

1.今天早上起的还算早,8点半起的,明天争取更早吧. 2.今天把毕老师的视频面向对象的部分看完了,现在开心重新看JAVA核心技术-卷一,直接从第四章对象与类开始看起. 3.书中提到类之间有三种最常见的关系,依赖,聚合,继承. 依赖大概能理解,就是一个类使用了另外一个类的方法或者对象,继承就是父类与子类的关系.但是聚合一直搞不清楚,等有机会再弄清楚吧. 4.画了好大的篇幅来专门讲一个格林尼治时间类,搞不懂为什么,等有需要的时候再来学习吧. 5.跟毕老师的视频里提到的一样,对于类中创建的成员变量,不