HTML|对简单表格网页的学习

问题描述

我们经常看到关于表格的网页，例如一些报名表，统计表之类的，里面有很多的信息，图片，以及一些超链接。如何做一个美观好看五彩的表格网页，以及在表格中插上图片及超链接呢？如何在网页中找到图片的路径，成功插上网页呢？

解决方案

首先，我们需要了解一些关于表格的标签，插图的标签和超链接表签。能够正确使用这些标签。其次，就是排版，表格是最要求排版的什么时候该跨行什么时候该跨列，需要我们排版美观，正式。然后就是插图需要我们找到图片路径，对图片的超链接写正确。这种网址路径最好是通过复制才不会有错。

（1）标签的学习主要是对一些基本的表格标签学习，熟悉每个标签的作用。下面是对一些表格标签的描述。

图3.1

（2）跨行跨列标签的学习

colspan是跨列 rowspan是跨行

图3.2

图3.3

（3）插入图片和超链接

图像由 <img> 标签定义。需要找到图片的正确路径。

图3.4

通过使用 <a> 标签在 HTML 中创建链接。

图3.5

图3.6

结语

对表格的制作我们需要熟悉基本标签，需要正常使用其标签。再插入图像和链接的时候需要找到正确的路径和链接。做表格一定要注意美观需要通过宽高来调整单元格的大小。

参考文献

（1）W3school教程

END

实习编辑 | 王文星

责 编 | 江汪霖

where2go 团队