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>
原文：http://www.cnblogs.com/mushroomer/p/5122735.html