如何用html创建表格

2025-11-08 01:23:58

网站设计中首先需要的就是搭建框架,而框架的形成依赖表格的建立,表格的单元格中填充文字、图片、段落、水平线,甚至是一份新的表格都是可行的,由此一层层复杂的结构,就在这些套用中得以展开,那这个基础的应用——表格,该如何用html来创建呢?

工具/原料

html编辑工具

方法/步骤

在用html语言创建表格时,需要记住以下指令:

<table></table>定义表格

<tr></tr>定义行

<td></td>定义表格单元格中的内容

<border="0">定义表格边框的粗细

下面我分别以单元格中填充文字、图片、超链接来为大家做出演示,代码如下:

<table border="10">

<tr>

<td>漩涡鸣人</td>

<td><img src="http://tp2.sinaimg.cn/3536838337/180/40032031719/1

</tr>

<tr>

<td><a href="http://www.baidu.com" target="_blank"><img src="http://tp2.sinaimg.cn/3536838337/180/40032031719/1

<td>漩涡鸣人</td>

</tr>

</table>

提交代码,我们来看看实现的结果,如图:

如何用html创建表格

点击第二行的图片,则可以跳转到“百度”搜索首页。

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢