HTML网页制作：插入表单_IT百科

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

table

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

定义表格的行

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

定义单元格

使用td元素定义单元格，如下图所示：

表格的边框

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

给你做个简单的额

<table>

</table>

</body></html>

1、我们打开记事本进入下图界面。

2、我们要输入制作表格的标签，框内，这个标签里面，我们额外输入了border= ，这个就是边框为1的意思。

3、大家都知道表格是由行和列组成，html里面是一行一行的输入，我们需要输入下图框内的行的标签。

4、一行又是由多列组成，我们需要输入一行中的每列的数据，就需要下图框内的标签，标签中我们输入的姓名作为内容，这样就表示表格的第一行第一列的内容。

5、这样我们就可以制作一个两行两列的表格，代码。

6、打开网页后，出现下图的表格。

<!DOCTYPE html>

<html>

<head>

<title>RunJS 演示代码</title>

<style>

divcc{

margin:0 auto;

width:500px;

}

table{

width:400px;

border-collapse:collapse;

margin-bottom:20px;

}

th,td{

border:1px solid gray;

text-align:left;

}

</style>

</head>

<body>

<table>

<tr><th colspan=2 style="text-align:center;">数据库表person插入信息：</th></tr>

<tr><td>username</td><td><input type="text" /></td></tr>

<tr><td>telenum</td><td><input type="text" /></td></tr>

</table>

<table>

<tr><th colspan=2 style="text-align:center;">数据库表users删除信息：</th></tr>

<tr><td>username</td><td><input type="text" /></td></tr>

</table>

</div>

</body>

</html>

HTML表格一次生成一列的方法：

HTML里面加了一个样式属性：word-break: break-all，可以实现表格的自动生成，具体参考代码如下：

　　<head>

　　<title>table内的td内容不换行</title>

<!--

　　body{ font-size:12px;}

　　breakLine{word-break: break-all;}

　　-->

　　</style>

　　</head>

　　<body>

　　<tr>

　　<td width="90" height="30">处理人工号：</td>

　　</tr>

　　</table>

　　</body>

　　</html>

word-break属性简单介绍如下：

语法：word-break : normal | break-all | keep-all

欢迎分享，转载请注明来源：内存溢出

原文地址:https://54852.com/bake/12177149.html

HTML网页制作：插入表单

发表评论

评论列表（0条）