2019.04.10打卡（HTML）

代码

 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 
 6 <title>百度一下，你就知道</title>
 7 
 8 </head>
 9 
10 <body>
11 <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
12 <tbody>
13 
14 <tr>
15     <td colspan="3" align="right" valign="middle">
16     <p>
17     <a href="http://news.baidu.com/" target="_blank"><span>新闻</span></a>
18     <a href="https://www.hao123.com/" target="_blank"><span>hao123</span></a>
19     <a href="http://map.baidu.com/" target="_blank"><span>地图</span></a>
20     <a href="http://v.baidu.com/?fr=bd" target="_blank"><span>视频</span></a>
21     <a href="http://tieba.baidu.com/" target="_blank"><span>贴吧</span></a>
22     <a href="http://xueshu.baidu.com/" target="_blank"><span>学术</span></a>
23     <span id="login">登录</span>
24     <span id="setting">设置</span>
25     <input id="更多产品" name="更多产品" type="submit" value="更多产品">
26     </p>
27     </td>
28 </tr>
29   
30 <tr>
31     <td colspan="3" align="center">
32     <br>
33     <p><img src="bd_logo1.png" width="290" height="139" /></p>
34     </td>
35 </tr>
36   
37 <tr>
38     <td colspan="3" align="center">
39     <form  action="" method="post" >
40     <input name="search" id="search" size="50.2" type="text">
41     <input id="百度一下" name="百度一下" type="submit" value="百度一下">  
42     
43     
44     </form>
45     </td>
46 </tr>
47   
48 <tr>
49     <td width="316" height="">&nbsp;</td>
50     <td width="316" height="">&nbsp;</td>
51     <td width="316" height="">&nbsp;</td>
52   </tr>
53   
54   </tbody>
55 </table>
56 </body>
57 </html>

运行界面

 

今日小结：由于参加另一个社团学长举办的THML培训 此为练习作业 即模仿制作百度页面 因为只讲解了大致流程和部分基础知识 即便是给了参考网页也有很多标签看不懂 所以百度了很多知识 体会到了自学之后的成就感

 

 

 

参考链接：

（http://www.divcss5.com/html/h373.shtml）（该网站有各种THML标签讲解）

 

posted @ 2019-04-10 20:34  Unicodee  阅读(180)  评论(0)  编辑  收藏  举报