如何用html创建表格

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

操作方法

  • 01

    在用html语言创建表格时,需要记住以下指令: <table></table>定义表格 <tr></tr>定义行 <td></td>定义表格单元格中的内容 <border="0">定义表格边框的粗细

  • 02

    下面我分别以单元格中填充文字、图片、超链接来为大家做出演示,代码如下: <table border="10"> <tr> <td>漩涡鸣人</td> <td><img src="http://tp2.sinaimg.cn/3536838337/180/40032031719/1" width="100" height="100"></td> </tr> <tr> <td><a href="http://www.sogou.com" target="_blank"><img src="http://tp2.sinaimg.cn/3536838337/180/40032031719/1" width="100" height="100"></a></td> <td>漩涡鸣人</td> </tr> </table>

  • 03

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

  • 04

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

(0)

相关推荐

  • Mac电脑如何用文本编辑制作表格

    现在越来越多人在使用Mac电脑,有些用户不知道如何用文本编辑制作表格,接下来小编就给大家介绍一下具体的操作步骤.具体如下:1. 首先第一步根据下图箭头所指,先点击左侧[火箭]图标,接着在弹出的窗口中找 ...

  • Word2007内置表格模板快速创建表格

    在Word2007中内置有多种用途、多种样式的表格模板供用户快速创建表格。使用表格模板创建的表格只需编辑表格的文字内容,并对表格行列进行简单设置即可满足用户的需求。在Word2007中使用表格模板插入 ...

  • 如何用Visio2007创建基本框图快速入门的详细步骤

    微软Visio2007为我们提供大量的模板以及无数的形状,这其中一些显得比较简单,但是另外的一些却又相对比较复杂,让人无可适从.本文主要就是为大家介绍如何用Visio2007创建基本框图以便你能够快速 ...

  • 如何在PPT中创建表格或是操作单元格以及在单元格中添加文字

    本例讲解在PPT中创建表格的方法,创建之后如何操作单元格,比如删除.选择.合并.拆分等,以及在单元格中添加文字,一个入门的操作,建议新手朋友看看. 1. 选择要向其添加表格的幻灯片. 2. 在&quo ...

  • excel如何创建表格查询系统

    excel创建表格查询系统的教程: 创建表格查询系统步骤1:首先来看一下小编设计的查询界面如图所示.学生成绩表的原始数据在sheet2工作表中.小编这里就选了12名同学成绩作为示例. 创建表格查询系统 ...

  • word中如何创建表格?

    表格对于一些文本数据比较直观,一眼可以看出差距,方便,那在Microsoft中的word中如何创建表格呢?下面小编就为大家详细介绍一下,来看看吧! 步骤 1.首先,打开word. 2.先插入些文本作为 ...

  • 脑洞大开 PPT利用已有功能创建表格图表独特效果

    图表是构成PPT的重要元素,虽然在PowerPoint 2016中已经大大增强了图表的表现形式,但时间一久就会感觉出它的单调.这时候,我们不妨大开脑洞,利用已有功能创建独特效果.下面小编提供几个思路, ...

  • 在word中怎么通过网格创建表格?

    表格由水平的行和垂直的列组成,行与列交叉形成的方框称为单元格.那么在word中怎么通过网格创建表格?下面小编就为大家详细介绍一下,来看看吧! 方法/步骤 1,启动word2007,单击“office” ...

  • 腾讯TIM怎么新建表格?腾讯TIM创建表格教程

    腾讯TIM类似于qq,但是比qq要简洁.在使用腾讯TIM的时候可以创建在线表格,同一个表格可以与好友一起填写或者修改等,那么腾讯tm怎么创建表格?腾讯TIM怎么修改.删除表格? 腾讯TIM创建表格教程 ...