对简单表格网页的学习

欢迎点击「算法与编程之美」关注我们!

本文首发于微信公众号:"算法与编程之美",欢迎关注,及时了解更多此系列文章。

问题描述

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

解决方案

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

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

图3.1

(2)跨行跨列标签的学习

colspan是跨列rowspan是跨行

图3.2

图3.3

(3)插入图片和超链接

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

图3.4

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

图3.5

图3.6

结语

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

参考文献

(1)W3school教程

END

实习编辑 | 王文星

责 编 | 江汪霖

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20191229A005OP00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券

玩转腾讯云 有奖征文活动