HTML网页制作:插入表单

html-css05

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中的表格由 <table>标签来定义,表格是由单元格组成的,单元格可以放入文字、图片、表格等内容。下面,我们来看看如何用HTML来制作表格吧。

01

代码,先用<table>标签定义一个表格,其中border表示边框,border="1"表示边框为1个像素,数值越大,边框就越粗。

<table border="1">

</table>

02

<tr>元素表示表格中的行,比如创建两行

<tr></tr>表示一行。

03

单元格

HTML表格的单元格用<td>标签表示,如下图所示:

<td>语文</td>

04

表格

就做好一个HTML表格,显示图如下:

总代码:

<body>

<table border="1">

<tr>

<td>语文</td>

<td>数学</td>

</tr>

<tr>

<td>英语</td>

<td>化学</td>

</tr>

特别提示

表格的标签:<table>、<tr>、<td>三个标签。