微信公众号:"算法与编程之美",欢迎关注,及时了解更多此系列文章。
问题描述
我们经常看到关于表格的网页,例如一些报名表,统计表之类的,里面有很多的信息,图片,以及一些超链接。如何做一个美观好看五彩的表格网页,以及在表格中插上图片及超链接呢?如何在网页中找到图片的路径,成功插上网页呢?
解决方案
首先,我们需要了解一些关于表格的标签,插图的标签和超链接表签。能够正确使用这些标签。其次,就是排版,表格是最要求排版的什么时候该跨行什么时候该跨列,需要我们排版美观,正式。然后就是插图需要我们找到图片路径,对图片的超链接写正确。这种网址路径最好是通过复制才不会有错。
(1)标签的学习主要是对一些基本的表格标签学习,熟悉每个标签的作用。下面是对一些表格标签的描述。
图3.1
(2)跨行跨列标签的学习
colspan是跨列 rowspan是跨行
图3.2
图3.3
(3)插入图片和超链接
图像由 <img> 标签定义。需要找到图片的正确路径。
图3.4
通过使用 <a> 标签在 HTML 中创建链接。
图3.5
图3.6
结语
对表格的制作我们需要熟悉基本标签,需要正常使用其标签。再插入图像和链接的时候需要找到正确的路径和链接。做表格一定要注意美观需要通过宽高来调整单元格的大小。
参考文献
(1)W3school教程
END
实习编辑 | 王文星
责 编 | 江汪霖
where2go 团队
微信号:算法与编程之美
长按识别二维码关注我们!
写留言”发表评论,期待您的参与!