前端第三周作业百度页面6.6

最新推荐文章于 2024-06-14 07:44:22 发布

_迷人有魅力的小虎

最新推荐文章于 2024-06-14 07:44:22 发布

阅读量154

点赞数

分类专栏：笔记文章标签： html css

本文链接：https://blog.csdn.net/weixin_52226680/article/details/117638045

版权

笔记专栏收录该内容

4 篇文章 0 订阅

订阅专栏

由于一些知识的不牢固，做出的页面和代码还是有许多问题的。

<html>
<head>
<title>无标题文档</title>
<style type="text/css">
#body {
	text-align: center;
}
input {
	font-size: 45px;
}
a:link {
	text-decoration: none;
	color: #000;
}

.css1 {
	color: #999;
}
.css2 {
	color: #F00;
}
.css3 {
	color: #F30;
}


#top #body table tr td {
	font-size: 15px;
	color: #000;
}
body,td,th {
	color: #FFF;
}
#top table {
	color: #000;
}
a:active {
	color: #D6D6D6;
}
</style>
</head>
<body>
<div id="top">
  <table width="1639" height="29" border="0">
    <tr>
      <td width="53" align="center"><a href="#">新闻</a></td>
      <td width="61" align="center"><a href="#">hao123</a></td>
      <td width="53" align="center"><a href="#">地图</a></td>
      <td width="53" align="center"><a href="#">直播</a></td>
      <td width="53" align="center"><a href="#">视频</a></td>
      <td width="53" align="center"><a href="#">贴吧</a></td>
      <td width="53" align="center"><a href="#">学术</a></td>
      <td width="53" align="center"><a href="#"">更多</a></td>
      <td width="1066" align="right"><a href="#">设置</a></td>
      <td width="120" align="right"><a href="#c"><img src="登录.png" width="62" height="35" /></a></td>
    </tr>
  </table>
  <div id="body">
    <p>&nbsp;</p>
    <table width="777" border="0" align="center">
      <tr>
        <td colspan="2" align="center"><img src="百度logo.png" width="294" height="103" /></td>
      </tr>
      <tr>
        <td width="560" height="108" align="right">
          <input name="textfield" type="text" id="textfield" />
        </form></td>
        <td width="207" align="left"><a href="#c"><img src="2]ST(JC%[JHKD2P)F]67RE1.png" alt="" width="135" height="58" /></a></td>
      </tr>
      <tr>
        <td align="left">百度热搜·热搜榜</td>
        <td align="center"><a href="#c"><img src="刷新.png" width="31" height="25" />换一换</a></td>
      </tr>
      <tr>
        <td colspan="2" align="center"><table width="100%" border="0">
          <tr>
            <td width="50%" align="left"><span class="css2">1</span><a href="#c">甘肃越野赛事故成立联合组</a></td>
            <td width="50%" align="left"><span class="css1">4   </span><a href="#c">31省区市新增本土确诊2例 在安徽</a></td>
          </tr>
          <tr>
            <td align="left"> <span class="css3">2</span> <a href="#c">外交部建议避免不必要跨境旅行</a></td>
            <td align="left"><span class="css1">5   </span><a href="#c">工作室否认王珞推出演艺圈</a></td>
          </tr>
          <tr>
            <td align="left"><span class="css3">3</span> <a href="#c">国台办：愿迅速安排让台胞有疫苗用</a></td>
            <td align="left"><span class="css1">6 </span><a href="#c">甘肃越野跑前6名唯一幸存者遭网暴</a></td>
          </tr>
        </table></td>
      </tr>

    </table>
    <p>&nbsp;</p>
    <table width="1413" border="0" align="center">
      <tr>
        <td width="113" height="343" align="left" valign="bottom" style="font-size: 12px;"><a href="#">设为首页</a></td>
        <td width="113" align="left" valign="bottom"  style="font-size: 12px;"><a href="#">关于百度</a></td>
        <td width="113" align="left" valign="bottom"  style="font-size: 12px;"><a href="#">About Baidu</a></td>
        <td width="113" align="left" valign="bottom"  style="font-size: 12px;"><a href="#">使用百度前必读</a></td>
        <td width="113" align="left" valign="bottom"  style="font-size: 12px;"><a href="#">意见反馈</a></td>
        <td width="113" align="left" valign="bottom"  style="font-size: 12px;"><a href="#">帮助中心</a></td>
        <td width="159" align="left" valign="bottom" style="font-size: 12px;"><a href="#">京公网备1100000200001号</a></td>
        <td width="99" align="left" valign="bottom"  style="font-size: 12px;"><a href="#">经ICP证030173号</a></td>
        <td width="113" align="center" valign="bottom"  style="font-size: 12px;">&copy;2021 Baidu</td>
        <td width="152" align="left" valign="bottom"  style="font-size: 12px;">(京)-经营性-2017-0020</td>
        <td width="166" align="left" valign="bottom"  style="font-size: 12px;">信息网络传播视听节目许可证</td>
      </tr>
    </table>
    <p>&nbsp;</p>
  </div>
</div>
</body>
</html>

_迷人有魅力的小虎

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
前端第三周作业百度页面6.6

由于一些知识的不牢固，做出的页面和代码<html"><head><title>无标题文档</title><style type="text/css">#body { text-align: center;}input { font-size: 45px;}a:link { text-decoration: none; color: #000;}.css1 { color: #999;}.css2 { co
复制链接

扫一扫