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:someone@w3school.com.cn" 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>
