东师21春《Web网页开发基础》期末作业考核（参考答案）_奥鹏作业答案_优学网_专业的奥鹏在线离线作业答案辅导网---奥鹏作业答案,在线离线作业,Web网页开发基础,

东师东财: 东师21春《Web网页开发基础》期末作业考核（参考答案）
时间：2021-09-06  作者:admin  来源：www.youxue100f.com  点击：次

标签：奥鹏作业答案在线离线作业 Web网页开发基础

内容摘要：
Web网页开发基础

要求：在本文档中的题目下作答，在所写的代码下面粘贴运行后的网页截图，提交本word文档即可。
小明的女朋友跟他生气了，他想哄女朋友开心。他在想为女朋友做点儿什么呢？他看女朋友最近经常浏览淘宝、京东、新浪、百度这些网站，于是，就给她做了简单的页面。女朋友看了之后感觉不太好看，小明同学想将列表的方式转化为表格。过了一段时间，小明同学学到了css，发现css可以美化它写的网站。
<DOCTYPE html>
<html>
    <head></head>
    <body>
      <table border="1" cellpadding = "20" cellspacing="0">
        <tr>
          <th>网站名称</th>
          <th>网站地址</th>
        </tr>
        <tr>
          <td>京东</td>
          <td>http://www.jingdong.com</td>
        </tr>
        <tr>
          <td>百度</td>
          <td>http://www.baidu.com</td>
        </tr>
        <tr>
          <td>新浪</td>
          <td>http://www.sina.com.cn</td>
        </tr>
        <tr>
          <td>淘宝</td>
          <td>http://www.taobao.com </td>
        </tr>
      </table>
    <label for="name">网站名称：</label>
    <input id="name"/>
    <label for="address">网站链接：</label>
    <input id="address"/>
    <span class="btn">添加</span>
<style>
    table {
      margin-bottom: 20px;
    }
    .btn {
      display: inline-block;
      padding: 3px 10px;
      border: 1px solid;
      margin-left: 20px;
      cursor: pointer;
    }
</style>

</body>
</html>

1.请同学们使用css实现网页背景颜色为#f1f1f1, 表格左右居中，内容居中展示，距上50px，奇数行背景色为#f5f2eb，取消a标签下划线效果，效果图如下:

2.小明同学给添加按钮添加点击事件，并判读两个输入框的值不能为空，如果两个输入框有一个值为空的话以弹窗提示：请输入添加网站所需内容。

奥鹏在线作业www.youxue100f.com

分享到： QQ空间新浪微博人人网开心网百度空间和讯天涯社区

出处：奥奥鹏作业答案_优学网_专业的作业答案辅导网
网址：youxue100f.com转载时请注明出处和网址
作业答案_优学网_专业的在离线作业答案辅导网
联系：QQ：3064302332

上一篇：东师21春《轻量级框架开发应用》期末作业考核参考答案
下一篇：东师21春《HTML5开发基础与应用》期末作业考核（参考答案）

最新更新

精彩推荐

热门点击

本类排行

作业资料综合信息发布网站
联系QQ:3064302332
优学网成考作业答案网为您服务！
QQ：3064302332

优学网100分作业答案
微信：wxxygzs
联系：QQ：3064302332

: 奥鹏东北大学 | 吉大 | 天津大学作业 | 南开作业 | 奥鹏作业答案 | 多肽合成 |

作业资料辅导平台_优学网滇ICP备2021005493号