HTML表格标签详解与示例
需积分: 50 37 浏览量
更新于2024-08-13
收藏 2.46MB PPT 举报
"这篇文档主要介绍了HTML中的表格标签及其相关属性,包括HTML5、HTML4.01和XHTML1.0的文档类型声明,以及126.com网站头部的元信息设置。此外,还提到了图像地图和不同图像格式的特点与适用场景。"
在HTML中,表格是一个重要的元素,用于展示结构化的数据。以下是一些关键的表格标签和属性:
1. Table标签:整个表格的容器,定义了一个表格的开始和结束。
```html
<table></table>
```
2. THead标签:定义了表格的标题部分,通常包含表格的列名。
```html
<thead><tr><th>...</th></tr></thead>
```
3. TBody标签:表格内容的主要部分,包含表格的数据行。
```html
<tbody><tr><td>...</td></tr></tbody>
```
4. TR标签:表格的一行,可以包含多个TD或TH单元格。
```html
<tr></tr>
```
5. TD标签:表格中的数据单元格,用于存放具体的数据。
```html
<td>数据</td>
```
6. TH标签:标题单元格,用于标识一列或一行的标题。
```html
<th>标题</th>
```
7. rowspan属性:用于合并单元格,指定一个单元格应跨过的行数。
```html
<td rowspan="2">合并两行的单元格</td>
```
8. colspan属性:用于合并单元格,指定一个单元格应跨过的列数。
```html
<td colspan="3">合并三列的单元格</td>
```
此外,文档也提到了HTML5、HTML4.01和XHTML1.0的文档类型声明。这些声明用于指定网页遵循的HTML版本和规范,例如:
- HTML5: `<!DOCTYPE html>`
- HTML4.01: `<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">`
- XHTML1.0: `<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">`
关于126.com网站头部的元信息设置,示例中展示了如何使用`<meta>`标签设置字符集、DNS预加载链接和页面描述:
```html
<meta charset="utf-8">
<link rel="dns-prefetch" href="http://mimg.127.net">
<link rel="dns-prefetch" href="https://mail.126.com">
<link rel="dns-prefetch" href="http://iplocator.mail.163.com">
<meta name="description" content="...">
```
最后,文档提到了图像格式(PNG、JPG、GIF)的比较:
- 大小比较:通常情况下,PNG和JPG的文件大小比GIF大,但JPG可能更小。
- 透明性:PNG支持完全透明,GIF支持有限透明,而JPG不支持透明。
- 色彩丰富程度:JPG适合存储色彩丰富的图像,PNG次之,GIF颜色数量有限。
- 兼容程度:GIF和JPG的兼容性较好,而PNG在旧版IE(如IE6)中可能存在透明问题,需要特殊的处理方法。
此外,还介绍了图像地图的使用,通过`<map>`和`<area>`标签创建可点击的图像区域:
```html
<img src="..." usemap="#planetmap" alt="..."/>
<map name="planetmap">
<area shape="..." coords="..." href="..." target="..."/>
</map>
```
这些标签和属性构成了HTML中创建和操作表格的基础,对于前端开发来说是必不可少的知识点。
2022-03-30 上传
2021-09-02 上传
2024-01-09 上传
2024-06-26 上传
2023-08-18 上传
2023-09-21 上传
2023-08-21 上传
2023-12-17 上传
2023-09-05 上传
![](https://profile-avatar.csdnimg.cn/default.jpg!1)
深井冰323
- 粉丝: 23
- 资源: 2万+
最新资源
- 解决本地连接丢失无法上网的问题
- BIOS报警声音解析:故障原因与解决方法
- 广义均值移动跟踪算法在视频目标跟踪中的应用研究
- C++Builder快捷键大全:高效编程的秘密武器
- 网页制作入门:常用代码详解
- TX2440A开发板网络远程监控系统移植教程:易搭建与通用解决方案
- WebLogic10虚拟内存配置详解与优化技巧
- C#网络编程深度解析:Socket基础与应用
- 掌握Struts1:Java MVC轻量级框架详解
- 20个必备CSS代码段提升Web开发效率
- CSS样式大全:字体、文本、列表样式详解
- Proteus元件库大全:从基础到高级组件
- 74HC08芯片:高速CMOS四输入与门详细资料
- C#获取当前路径的多种方法详解
- 修复MySQL乱码问题:设置字符集为GB2312
- C语言的诞生与演进:从汇编到系统编程的革命