Educoder 表格标签-表格基本结构

最新推荐文章于 2024-07-24 23:00:08 发布

是小鹿啊

最新推荐文章于 2024-07-24 23:00:08 发布

阅读量324

点赞数 3

分类专栏： Educoder 前端文章标签：前端 html5

来自是小鹿啊的博客

本文链接：https://blog.csdn.net/m0_51511286/article/details/121679333

版权

表格标签-表格基本结构

文章目录

表格标签-表格基本结构

第1关：网页表格的基本概念

通关知识

1、定义表格的项目表头的HTML标签是（D）。
A、<table>
B、<tr>
C、<td>
D、<th>

2、下列选项中，用于设置表格背景颜色的属性是（B）。
A、background
B、bgcolor
C、bordercolor
D、backgroundcolor

3、要使表格的行高为18px，以下方法中，正确的是（D）
A、<table height="18px">...</table>
B、<th height="18px">...</th>
C、<tr height="18px">...</tr>
D、<td height="18px">...</td>

4、下列选项中，用于设置表格标题的标签是（D）
A、<title>...</title>
B、<h1>...</h1>
C、<tags>...</tags>
D、<caption>...</caption>

5、下列设置单元格中文本对齐方式的选项中，正确的是（B）
A、<th align="center" valign="center">...</th>
B、<th align="center" valign="middle">...</th>
C、<th align="middle" valign="center">...</th>
D、<th align="middle" valign="middle">...</th>

第2关：创建简单的表格

相关知识

表格的结构及对应的标签

一个基本的表格是由行和每行中的单元格组成的，一般要包含表格标题、项目标题和数据资料三个要素。

例如下图所示的表格

基本表格

对应的代码为：

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
</head>
<body>    
	<table border="5px">
		<caption>通讯录</caption>
		<tr>
			<th>姓名</th>
			<th>QQ</th>
			<th>电话</th>
		</tr>
		<tr>
			<td>张三</td>
			<td>123456</td>
			<td>13511112222</td>
		</tr>
		<tr>
			<td>李四</td>
			<td>654321</td>
			<td

最低0.47元/天解锁文章

是小鹿啊

关注

3
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
Educoder 表格标签-表格基本结构

表格标签-表格基本结构文章目录表格标签-表格基本结构第1关：网页表格的基本概念相关知识表格的结构表格的基本标签表格标签的基本属性table标签的基本属性tr标签的基本属性th和td标签的基本属性通关知识第2关：创建简单的表格相关知识表格的结构及对应的标签表格标签的属性编程要求通关代码第3关：表格行样式的设置相关知识tr标签编程要求通关代码第4关：表格中单元格样式的设置相关知识表格中的单元格样式单元格整体样式某个单元格的样式编程要求通关代码第1关：网页表格的基本概念相关知识表格的结构在基本表格结构中
复制链接

扫一扫