html-----007 

<!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>
代码1
@charset "utf-8";
/* CSS Document */
p.tip span {
    font-weight:bold;
    color:red;
    }
css

 

 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;width: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;width: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&nbsp;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>
表单

 

posted @ 2015-03-30 20:15  璞子的家  阅读(126)  评论(0)  编辑  收藏  举报