HTML下部分--头歌（educoder）实训作业题目及答案

已于 2022-10-12 20:41:00 修改
阅读量1w 收藏 111
点赞数 13
分类专栏： 头歌（educoder）实训作业题目及答案 文章标签： 前端
于 2022-10-12 20:38:07 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35353972/article/details/127290208
版权

目录

 HTML——表格

第1关: 表格的基本构成

第2关: 表格的属性——宽、高

第3关: 表格的属性——cellpadding

第4关: 表格的属性——cellspacing

第5关: 表格的标题

第6关: 表格—— 标签的 rowspan 属性

第7关: 表格——标签的colspan属性

第8关: 表格的综合案例

 HTML——表格

第1关: 表格的基本构成

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
</head>
<body>
    <!-- ********* Begin ********* -->
    <table border="5px">
        <tr>
            <td>姓名</td>
            <td>语文</td>
            <td>数学</td>
        </tr>
        <tr>
            <td>李四</td>
            <td>90</td>
            <td>95</td>
        </tr>
    </table>
    <!-- ********* End ********* -->
</body>
</html>

第2关: 表格的属性——宽、高

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
</head>
<body>
    <!-- ********* Begin ********* -->
    <table border="1" width="100%" height="200">
        <tr>
            <td>姓名</td>
            <td>语文</td>
            <td>数学</td>
            <td>英语</td>
            <td>合计</td>
        </tr>
        <tr>
            <td>李四</td>
            <td>90</td>
            <td>95</td>
            <td>80</td>
            <td>265</td>
        </tr>
    </table>
    <!-- ********* End ********* -->
</body>
</html>

第3关: 表格的属性——cellpadding

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
</head>
<body>
    <!-- ********* Begin ********* -->
    <table border="2" cellpadding="6">
        <tr>
            <td>姓名</td>
            <td>语文</td>
            <td>数学</td>
            <td>英语</td>
            <td>合计</td>
        </tr>
        <tr>
            <td>李四</td>
            <td>90</td>
            <td>95</td>
            <td>80</td>
            <td>265</td>
        </tr>
    </table>
    <!-- ********* End ********* -->
</body>
</html>

第4关: 表格的属性——cellspacing

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
</head>
<body>
    <!-- ********* Begin ********* -->
    <table border="1" cellpadding="10" cellspacing="0">
        <tr>
            <td>姓名</td>
            <td>语文</td>
            <td>数学</td>
            <td>英语</td>
            <td>合计</td>
        </tr>
        <tr>
            <td>李四</td>
            <td>90</td>
            <td>95</td>
            <td>80</td>
            <td>265</td>
       </tr>
    </table>
    <!-- ********* End ********* -->
</body>
</html>

第5关: 表格的标题

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
</head>
<body>
    <table border="1" cellpadding="10" cellspacing="0">
        <!-- ********* Begin ********* -->

        <caption>科目成绩</caption>

        <!-- ********* End ********* -->
        <tr>
            <td>姓名</td>
            <td>语文</td>
            <td>数学</td>
            <td>英语</td>
            <td>合计</td>
        </tr>
        <tr>
            <td>李四</td>
            <td>90</td>
            <td>95</td>
            <td>80</td>
            <td>265</td>
       </tr>
    </table>
</body>
</html>

第6关: 表格——<td> 标签的 rowspan 属性

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
</head>
<body>
    <table border="2" cellspacing="0" width="200">
    <!-- ********* Begin ********* -->
        <tr>
            <td>商品</td>
            <td>数量</td>
            <td>单价</td>
            <td>备注</td>
        </tr>
        <tr>
            <td>短袖</td>
            <td>70</td>
            <td>30</td>
            <td rowspan="2">无</td>
        </tr>
        <tr>
            <td>裤子</td>
            <td>50</td>
             <td>30</td>
        </tr>
    <!-- ********* End ********* -->
    </table>
</body>
</html>

第7关: 表格——<td>标签的colspan属性

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
</head>
<body>
    <table border="2" cellspacing="0" width="200">
    <!-- ********* Begin ********* -->
        <tr>
            <td>商品</td>
            <td>数量</td>
            <td>单价</td>
        </tr>
        <tr>
            <td>短袖</td>
            <td>70</td>
            <td>30</td>
        </tr>
        <tr>
            <td>裤子</td>
            <td>50</td>
            <td>30</td>
        </tr>
        <tr>
            <td>合计</td>
            <td colspan="2">3600</td>
        </tr>
    <!-- ********* End ********* -->
    </table>
</body>
</html>

第8关: 表格的综合案例

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
</head>
<body>
    <!-- ********* Begin ********* -->
    <style>
    body{
       margin:30px;
    }
    table{
       /*居中对齐*/
       text-align: center;
    }
    </style>
    <!--设置表格-->
    <table border="2" width="100%" cellspacing="0" cellpadding="6">
        <caption>本周财政计划</caption>
        <tr>
            <td rowspan="2" colspan="2">项目</td>
            <td colspan="2">本周发生</td>
            <td rowspan="2">备注</td>
        </tr>
        <tr>
            <td>收入</td>
            <td>支出</td>
        </tr>
        <tr>
             <td rowspan="3">收入</td>
             <td>贷款收回</td>
             <td>8700</td>
             <td>0</td>
             <td></td>
        </tr>
        <tr>
             <td>内部转款</td>
             <td>6000</td>
             <td>0</td>
             <td></td>
        </tr>
        <tr>
             <td>收入合计</td>
             <td>14700</td>
             <td>0</td>
             <td></td>
        </tr>
        <tr>
             <td rowspan="3">支出</td>
             <td>采购支出</td>
             <td>0</td>
             <td>5000</td>
             <td></td>
        </tr>
        <tr>
             <td>工资支出</td>
             <td>0</td>
             <td>7000</td>
             <td></td>
        </tr>
        <tr>
             <td>支出合计</td>
             <td>0</td>
             <td>12000</td>
             <td></td>
        </tr>
      </table>
    <!-- ********* End ********* -->
</body>
</html>

北沐xxx
关注
  • 13
    点赞
  • 踩
  • 111
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
【EduCoder答案】html网页综合项目实战
weixin_44505587的博客
08-29 1053
简介 其他各类实训答案的目录见这里 答案查询的入口网页版 答案获取的方法简介见这里 并不是所有的关卡都有答案，有些只有部分关卡有 html网页综合项目实战 >>>查看 第1关:header——头部 第2关:用Swiper实现轮播图 第3关:用CSS3实现移动效果 ...
头歌教学实践平台 Web前端开发基础 HTML基本标签
01-20
头歌教学实践平台 Web前端开发基础 HTML基本标签。源码txt格式。
HTML上部分--头歌（educoder）实训作业题目及答案
qq_35353972的博客
10-09 1万+
HTML--头歌（educoder）实训作业题目及答案
C语言：头歌第1关：字符串中各类字符数的统计
最新发布
2301_79894726的博客
04-07 600
处补充代码，输入一行字符，分别统计出其中英文字母、数字、空格和其他字符的个数。平台会对你编写的代码进行测试，若是与预期输出相同，则算通关。统计每种字符的个数值。根据提示，在右侧编辑器。
educoder（头歌）实训平台大数据作业答案-Hive表DDL操作（一）
热门推荐
W_BXH_BC的博客
04-21 1万+
Hive表DDL操作（一） 第1关：Create/Alter/Drop 数据库 CREATE DATABASE IF NOT EXISTS test1 LOCATION '/hive/test1' WITH DBPROPERTIES('creator'='John','date'='2019-02-25'); ALTER DATABASE test1 SET DBPROPERTIES('creator'='Marry'); DROP DATABASE test1; 第
头歌--Web应用开发实验题
qq_62362934的博客
04-10 5039
《Web应用开发》头歌平台，相互交流
Head First HTML与CSS课后答案
06-25
前端入门书籍《Head First HTML与CSS》课后答案、示例代码等
头歌：HTML——表格：第2关：表格的属性——宽、高
m0_61690708的博客
11-03 1788
头歌：HTML——表格：第2关：表格的属性——宽、高
表格的综合案例
weixin_45784564的博客
05-21 3855
任务描述 本关任务：按照以下要求，完成一个复杂的表格创建任务。 创建表格的要求如下： 边框为2px； 宽为100%； cellspacing为0； cellpadding为6； 标题内容为本周财政计划； 在 其它内容和效果图展示的一样。 注意：表格属性的顺序按照创建表格的要求的顺序来写。 实现的效果如下： 编程要求 请仔细阅读右侧代码，结合相关知识，在 Begin-End 区域内进行代码补充，完成一个表格的创建任务。 测试说明 平台会对你的代码进行运行测试，如果实际输出结果与预期结果相同，则通关；反之
头哥（Educoder）HTML表单基础-综合练习，自己完成代码编写
Fury1234的博客
03-04 1482
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style> .container{ width: 40%; margin: 20px auto; } .common{ width:230px; height: 30px; } span{ displa.
头歌网页设计与制作实训答案
naozibuok的博客
06-24 9348
HTML——基础、HTML——文本、HTML——多媒体、CSS从入门到精通——基础知识、CSS从入门到精通——基础选择器、CSS从入门到精通——背景样式、CSS入门到精通——表格样式、CSS从入门到精通——盒模型
头歌教学实践平台计算机组成原理实验题答案.zip
12-26
适用于头歌教学实践平台计算机组成原理的各个实验； 主要包括：运算器设计、存储器设计、单总线CPU设计（定长指令）、单总线CPU设计（变长指令）、单总线CPU设计（现代时序）。
第五章 C语言 PTA函数——作业-答案.html
02-27
第五章 C语言 PTA函数——作业-答案.html
HTML第一章-基本标签
12-07
HTML第一章-基本标签 欢迎大家参考 多多提意见
头歌educoder《计算机原理》实训作业存储系统设计(HUST)
03-20
存储系统设计(HUST)全部七关的答案，绝对正确，麻烦下载后感觉好的家人们给个好评。各位对应好资源每一关的名字是否和自己想要一致，若关卡名字是一致，则答案一定正确。不一致的话，就不要拍了。一定一定要看清楚。...
头歌educoder计算机组成与结构实训作业运算器设计(HUST)
12-19
头歌educoder计算机组成与结构实训作业运算器设计(HUST)解答，包括第1关：8位可控加减法电路设计，第2关：CLA182四位先行进位电路设计，第3关：4位快速加法器设计，第4关：16位快速加法器设计，第5关：32位快速加法...
头歌educoder计算机组成与结构实训作业运算器设计(HUST)解答
04-02
头歌educoder计算机组成与结构实训作业运算器设计(HUST)解答，包括第1关：8位可控加减法电路设计，第2关：CLA182四位先行进位电路设计，第3关：4位快速加法器设计，第4关：16位快速加法器设计，第5关：32位快速加法...
educoder Pandas 相关实训代码合集
05-16
educoder Pandas 相关实训代码合集 大神勿喷，传给有需要的小白刷题时参考使用， 个人认为 部分关卡通关确实比较困难，费劲九牛二虎之力才完成了全部关卡， 希望参考者可以站在作者的肩膀上少走不必要的弯路。
Educoder头歌实践平台 Java 数据结构之图 答案.txt
11-10
Educoder头歌实践平台 中 Java 数据结构之图 共4关 金币共2300 的那个实践项目答案 由于图论问题渗透整个计算机科学，图算法对于计算机学科至关重要。成百上千的计算问题最后都可以归约为图论问题。
第1关：爬取网页的表格信息
06-09
好的，如果您想要爬取网页中的表格信息，可以使用Python中的`BeautifulSoup`库和`requests`库来实现。以下是一个简单的示例代码，可以爬取网页中的表格信息： ```python import requests from bs4 import BeautifulSoup # 发送请求，获取网页内容 url = 'https://www.example.com' response = requests.get(url) html = response.text # 使用BeautifulSoup解析网页内容 soup = BeautifulSoup(html, 'html.parser') # 找到表格标签 table = soup.find('table') # 遍历表格中的所有行和列，并将数据存储到列表中 data = [] for row in table.find_all('tr'): row_data = [] for cell in row.find_all('td'): row_data.append(cell.text) data.append(row_data) # 打印表格数据 for row in data: print(row) ``` 在上述代码中，我们首先使用`requests`库发送请求，获取网页内容。然后使用`BeautifulSoup`库解析网页内容，找到表格标签并遍历表格中的所有行和列，将数据存储到列表中。最后打印出表格数据即可。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

北沐xxx

你的鼓励是我最大的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值