HTML网页制作:插入表单

HTML网页制作:插入表单,第1张

Html的表格用table来表示。下面,我们来看看HTML怎么插入表格吧。

table

首先定义HTML表格,代码为<table></table>,如下图所示

定义表格的行

使用tr元素定义HTML表格的行,如下图所示:

定义单元格

使用td元素定义单元格,如下图所示:

表格的边框

然后用border定义表格的边框,如下图所示:

这个只要你记住相关的标记就可以了。

记事本写入相关的HTML代码即可,插入表格是在网页的内容中插入即可。

<html>

<head> <title>网页标题</title> </head>

<body>(网页内容)</body>

<html>

标记属性大多都是双标记,即:有开头就要有结尾,列如:<body>、</body>/body就表示内容结束。

插入表格的话,只要把表格的标记放到body里面即可。

body就是网站的内容,也就是你打开网页露眼看到的内容。

<table border="1">

<tr>

<td>内容</td>

<td>内容</td>

<td>内容</td>

</tr>

<tr>

<td>内容</td>

<td>内容</td>

<td>内容</td>

</tr>

</table>

<tr></tr>这个是行标记,<td></td>这个是列标记。只要你把<table border="1">到</table>,这段代码放到前面的<body></body>中间即可。

我们经常使用HTML绘制表格,那么如何绘制呢?下面我给大家分享一下。

工具/材料

Sublime Text

首先打开Sublime Text软件,新建一个HTML文档,并添加HTML结构,如下图所示

接下来我们加入表格标签table,然后在table里面添加tr和td,如下图所示

运行页面以后我们就可以看到如下图所示的表格了

最后我们还可以给表格添加表头,如下图所示


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7281151.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-03
下一篇 2023-04-03

发表评论

登录后才能评论

评论列表(0条)

保存