任务描述

本关任务：编写一个两行两列的表格网页，表格中的单元格样式进行设置。效果如下图所示：
表格效果3

编程要求

根据提示，在右侧编辑器中的Begin - End区域内补充代码，用于设置表格中单元格的样式，具体要求是：
1.该Begin1 - End1区域内添加table标签，设置表格边框线的粗细为4px，单元格之间的间隙为0，单元格内文本的内边距为8，表格总宽度200。
2.Begin2 - End2区域内添加两个数据单元格标签，第一个数据单元格标签中设置单元格的宽度为120，单元格内的文本为“张三”；第二个数据单元格标签中设置其文本的水平对齐方式为居中，单元格内的文本为“90”。

测试说明

补充代码后，请点击测评，平台会对你编写的代码进行测试，如果正确则完成闯关任务。

越努力越幸运，祝你成功！

代码示例

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"/><title>表格单元格样式的设置</title>
</head>
<body><!-- ********* Begin1 ********* --><table border=4px  cellspacing="0" cellpadding="8" width="200"></table><!-- ********* End1 ********* --><caption>成绩表</caption><tr height=40 align=center  valign=middle bgcolor=00ffff><th>姓名</th><th>成绩</th></tr><tr bgcolor=00ff00><!-- ********* Begin2 ********* --><td width="120">张三</td><td align="center">90</td><!-- ********* End 2********* --></tr></table>
</body>
</html>

EduCoder-Web程序设计基础-html5-表格基本结构-第4关：表格中单元格样式的设置相关推荐

Educoder -- Web程序设计基础2021秋 --实训作业全总结
博主会持续更新的呦! web程序设计基础R实验报告 2021年 1.Web前端开发概述 edu–Web程序设计基础2021秋–[Web前端开发概述][HTML5基础] 2. HTML5 基础 [web ...
educoder web程序设计基础知识点期末总结
网页表格基本概念为了完成本关任务,你需要掌握:1.表格的结构,2.表格的基本标签,3.表格标签的基本属性. 表格的结构在基本表格结构中,表格标题.项目表头和数据资料构成了表格基本结构三个要素. ...
Educoder -- Web程序设计基础2021秋--简历表页面的制作
文章目录第1关: 简历表页面的结构设计 1. 编程要求 2. 代码展示第2关: 简历表页面的样式设计 1. 编程要求 2. 代码展示第1关: 简历表页面的结构设计 1. 编程要求根据任务描述的 ...
表格中单元格的间距设置
在用表格布局时,发现单元格之间有间隙,原来是在新建表格的时候没有将属性中的填充设为0!只要将表格属性的"填充"设为0就可以了! 转载于:https://www.cnblogs.co ...
EduCoder-Web程序设计基础-html5— 创建文本区域-第1关：textarea控件相关概念
1.若将文本区域设置为显示10行,每行显示50个字符,正确选项是( ) A. <textarea rows="50" cols="10"> B. & ...
Web程序设计基础——edu实训平台代码（1）
目录 Web前端开发概述 Web前端开发相关的技术 HTML5基础 HTML5-文档头部 HTML5-文本控制类标签 HTML5-图像的运用表格标签-表格基本结构 HTML5-超链接的 ...
Web程序设计基础2021 表格标签—表格高级样式的设置 educoder实训
第1关:表格高级样式设置相关概念任务描述本关任务:完成一组表格高级样式设置的概念题. 相关知识为了完成本关任务,你需要掌握:1.外边框线样式的设置,2.内部边框线的设置,3.单元格的合并. 外边 ...
edu--Web程序设计基础2021秋--【结构元素】【交互元素】【页面结点元素】【文本层次语义元素】【分组元素】
Educoder – Web程序设计基础2021秋 --实训作业全总结 web程序设计基础R实验报告 2021年 -太原理工大学文章目录一. 结构元素第1关:文档结构元素相关概念第2关:hea ...
web程序设计基础R实验报告 2021年 ---太原理工大学
每个实验中给出的练习代码不在此处进行运行,有问题的小可爱欢迎和博主交流呀! Educoder – Web程序设计基础2021秋 --实训作业全总结文章目录实验一: HTML基础 1. 实验内容 2 ...

EduCoder-Web程序设计基础-html5-表格基本结构-第4关：表格中单元格样式的设置

目录

任务描述

相关知识

编程要求

测试说明

代码示例

EduCoder-Web程序设计基础-html5-表格基本结构-第4关：表格中单元格样式的设置相关推荐

最新文章

热门文章