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中创建和操作表格的基础，对于前端开发来说是必不可少的知识点。

深井冰323

粉丝: 23
资源: 2万+

HTML表格标签详解与示例

资料-Web前端入门教程资料下载地址.txt

uni-app前端黑马商城讲解文档

前端学习笔记-黑马程序员

综合练习—-黑马财富

黑马tlias接口文档

黑马web前端vue

黑马点评项目前端代码

javaee企业级应用开发教程黑马程序员编著pdf

黑马element-ui

魔百盒cm201-2-ch-hi3798mv300-300h-emmc和nand通刷-红外蓝牙黑马语音-免拆和救砖

最新资源