<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Language" content="zh-cn" /> <link rel="stylesheet" type="text/css" href="Untitled-1.css"> <title>第一个</title> </head> <body> <!--内联样式表--> <div style="color:#00FF00" align="center"> <h3>This is a header</h3> <p>This is a paragraph.</p> </div> <!--<span> 标签被用来组合文档中的行内元素。--> <p class="tip"><span>提示：</span>... ... ...</p> <p><span>some text.</span>some other text. </p> <!--href=本地页面或是新的网页--> <P><a href="http://www.cctv.com" target="_blank">新的页面</a></P> <p><a href="http:www.cctv.com" target="_self">关掉此页面新打开一个</a></p> </body> </html>
@charset "utf-8";
/* CSS Document */
p.tip span {
font-weight:bold;
color:red;
}
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <meta http-equiv="Content-Language" content="zh-cn" /> 6 <title>第一个</title> 7 <style type="text/css"> 8 div#container{width:500px} 9 div#header {background-color:#99bbbb;} 10 div#menu {background-color:#ffff99; height:200px; width:100px; float:left;} 11 div#content {background-color:#EEEEEE; height:200px; width:400px; float:left;} 12 div#footer {background-color:#99bbbb; clear:both; text-align:center;} 13 h1 {margin-bottom:0;} 14 h2 {margin-bottom:0; font-size:14px;} 15 ul {margin:0;} 16 li {list-style:none;} 17 </style> 18 </head> 19 <body> 20 <div id="container"> 21 22 <div id="header"> 23 <h1>Main Title of Web Page</h1> 24 </div> 25 <div id="menu"> 26 <h2>Menu</h2> 27 <ul> 28 <li>HTML</li> 29 <li>CSS</li> 30 <li>JavaScript</li> 31 </ul> 32 </div> 33 34 <div id="content">Content goes here</div> 35 36 <div id="footer">Copyright W3School.com.cn</div> 37 38 </div> 39 <table width="507" border="0"> 40 <tr> 41 <td colspan="2" style="background-color:#99bbbb;"> 42 <h1>Main Title of Web Page</h1> 43 </td> 44 </tr> 45 46 <tr valign="top"> 47 <td width="100" style="background-color:#ffff99;100px;text-align:top;"> 48 <b>Menu</b><br /> 49 <ul> 50 <li>HTML</li> 51 <li>CSS</li> 52 <li>JavaScript</li> 53 </ul> 54 </td> 55 <td width="400" style="background-color:#EEEEEE;height:200px;400px;text-align:top;"> 56 Content goes here</td> 57 </tr> 58 59 <tr> 60 <td colspan="2" style="background-color:#99bbbb;text-align:center;"> 61 Copyright W3School.com.cn</td> 62 </tr> 63 </table> 64 </body> 65 </html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <body> <!---表单是一个包含表单元素的区域。 表单元素是允许用户在表单中（比如：文本域、下拉列表、单选框、复选框等等）输入信息的元素。 表单使用表单标签（<form>）定义。 <form> ... input 元素 ... </form>--> <!--注意，表单本身并不可见。同时，在大多数浏览器中，文本域的缺省宽度是20个字符。--> <form> First name: <input type="text" name="firstname" /> <br /> <br /> Last name: <input type="text" name="lastname" /> </form> <form><!--name--> <input type="radio" name="sex" value="male" /> Male <br /> <input type="radio" name="sex" value="female" /> Female </form> <form><input type="checkbox" name="bike" /> I have a bike <br /><input type="checkbox" name="car" /> I have a car </form> </body> </html>
