Step one : 熟悉HTML 

//H1 
 1 <html>
 2     <head>
 3         <title>BeiJing</title>
 4     </head>
 5     <body>
 6         <h1>唐诗三百首</h1>
 7         <hr>
 8         <h2>目录</h2>    
 9         <p>第一首：静夜思</p>
10         <p>第二首：忆江南</p>
11         <p>第三首：长恨歌</p>
12         <hr>
13         <h3>静夜思</h2>
14         <p>作者： 李白</p>
15         <p>床前明月光， 疑是地上霜， 举头望明月， 低头思故乡。</p>
16         <hr>
17         <h3>【李白简介】</h2>
18         <p>李白 字太白。。。。。bra.bra..</p>
19     </body>
20 </html>

H2:

 1 <!-- 有序列表标签 -->
 2 <html>
 3     <head>
 4         <title>有序列表</title>
 5     </head>
 6     <body>
 7         <h3>注册步骤</h3>
 8         <ul>
 9             <li>填写信息</li>
10             <li>收电子邮件</li>
11             <li>注册成功</li>
12         </ul>
13 
14         <dl>
15             <dt>咖啡</dt>
16             <dd>一种黑色的热饮</dd>
17             <dd>可以提神，刺激神经.</dd>    
18         </dl>
19 
20         <table width='300' border="1">
21             <tr>
22                 <td>手机充值</td>
23                 <td>IP卡</td>
24                 <td>网游</td>
25             </tr>
26             <tr>
27                 <td>移动</td>
28                 <td>联通</td>
29                 <td>魔兽</td>
30             </tr>
31         </table>
32         <form action="" method="post">
33             <p>会员名：
34                 <input name="userName" type="text" size="21">
35                 （可包含 a-z和下划线）
36             </p>
37             <p>密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码:   
38                 <input name="pass" type="password" size="21">
39                 （可包含 a-z和下划线）
40             </p>
41             <p>
42                 <input type="submit" name="button" value="登陆">
43             </p>
44         </form>
45         <dl>
46             <dt>
47                 <img src="tupian.jpg" alt="daxiongmao"    title="daxiongmao1">
48             </dt>
49             <br><br><br>
50             <dd>商品名称：雨伞&copy;</dd>
51             <dd>商品价格：<span style="color:red;font-size:50px;">388</span>元</dd>    
52         </dl>
53         <br><br><br><br>
54         <a href="span.html" target="_blank">重新开一个网页</a>
55         <table width=""></table>
56         
57         <table width="100%">
58             <caption>年中数据报表</caption>
59             <thead style="background: #0FF">
60             <tr>
61                 <th>月份</th>
62                 <th>收入</th>
63             </tr>
64             </thead>
65             <tbody style="background: #9CC">
66                 <tr>
67                     <td>1月</td>
68                     <td>100</td>
69                 </tr>
70                 <tr>
71                     <td>2月</td>
72                     <td>80</td>
73                 </tr>
74             </tbody>
75             <tfoot style="background: #FF0"ss>
76             <tr>
77                 <td>平均月收入</td>
78                 <td>196.67</td>
79             </tr>
80             <tr>
81                 <td>总计</td>
82                 <td>1180</td>
83             </tr>
84             </tfoot>
85         </table>
86 
87     </body>
88 
89 </html>

H3 框架：

 1 <html>
 2     <head>
 3         <title>Rows</title>
 4     </head>
 5     <frameset bordercolor="red" rows="25%,50%,*" border="5">
 6         <frame src="subframe/the_first.html" name="top">
 7         <frame src="subframe/the_second.html" name="middle">
 8         <frame src="subframe/the_third.html" name="bottom">
 9     </frameset>
10 </html>

 

posted @ 2013-07-13 01:31  Levi.duan  阅读(299)  评论(0)  编辑  收藏  举报