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,如下图所示
运行页面以后我们就可以看到如下图所示的表格了
最后我们还可以给表格添加表头,如下图所示
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)