html表格表单案例（用HTML语言做一个表格）

本文目录

• 用HTML语言做一个表格
• 用html做个简单表格
• 如何用HTML来制作表格
• 编写一段创建一个表单的HTML代码，表单包含以下内容：
• 几个流程html表单样例
• 用HTML制作表格
• html 使用表格和表单创建如下图所示的表单页面求源代码
• html做个表格代码

用HTML语言做一个表格

html做个表格的步骤如下：

1、首先新建一个html，点击《body》《/body》中间，先填入表格内容；

2、内容根据需求来写即可，示例代码如下：

《table》

《p style=“text-align:center “》功课表《/p》

《tr》

《th》语文《/th》

《td》7:00-7:40《/td》

《td》7:50-8:30《/td》

《/tr》

《tr》

《th》数学《/th》

《td》7:00-7:40《/td》

《td》7:50-8:30《/td》

《/tr》

《tr》

《th》英文《/th》

《td》7:00-7:40《/td》

《td》7:50-8:30《/td》

《/tr》

《/table》

3、然后在《head》《/head》中间输入样式表的样式；

4、样式也根据个人的需求来设置即可，设置单元格的宽度高度，合并单元格，位置，颜色等等，示例代码如下：

《style type=“text/css“》

body

{

width:340px;

height :800px;

}

table

{

border-collapse :collapse ;

}

th,td

{

width:100px;

height:40px;

border :1px solid black;

font-size:12px;

text-align :center;

}     

《/style》

5、这里需要注意这个代码“table”的意义是将表格边框合并为单一的边框，将相邻变合并。

6、预览结果如下所示，一个简单的表格就制作出来了。

用html做个简单表格

回答

稍等

HTML中制作表格有两种方法：

（1）先把最原始的表格画出来，每一个都是单个单元格，然后再根据要求进行行合并或列合并，有的表格需要行列都合并，则也是把它分为两步做，先合并行再合并列（或者先合并列再合并行），若进行了colspan和rowspan的合并，则将之后同一行或同一列的单元格删除，但这种方法较麻烦，容易搞混。

（2）直接根据最终要生成的表格来操作，将每个合并的单元格看做一个小的单元格，不再将它拆分，然后一行一行的写表格，遇到合并的单元格直接写出colspan或rowspan，下面若遇到已经用过的合并的单元格，则不再将其算到内，只看还剩多少单元格。这种方法一行一行的写，不用再去删单元格，比较清晰。

以下为制作的一个简单表格及其代码：

更多3条

如何用HTML来制作表格

楼主你好。

html编写表格的方法有多种。

1. 最简单的就是用html标签《table》《/table》

   表格是由表头，表格，表行组成的。

   表头《tt》《/tt》

   表行《tr》《/tr》

   表格《td》《/td》

   表头和表格都是放在表行里面的。

   下面假设写一个2行1列的表格

2. 《!DOCTYPE html》《html lang=“en“》《head》   《meta charset=“UTF-8“》    《title》Table《/title》《/head》《body》   《table》       《tr》《th》第一行《/th》《/tr》       《tr》《td》第二行《/td》《/tr》   《/table》《/body》《/html》

编写一段创建一个表单的HTML代码，表单包含以下内容：

表单表单是一个包含表单元素的区域。表单元素是允许用户在表单中（比如：文本域、下拉列表、单选框、复选框等等）输入信息的元素。表单使用表单标签（《form》）定义。《form》... input 元素...《/form》输入多数情况下被用到的表单标签是输入标签（《input》）。输入类型是由类型属性（type）定义的。大多数经常被用到的输入类型如下：文本域（Text Fields）当用户要在表单中键入字母、数字等内容时，就会用到文本域。《form》First name: 《input type=“text“ name=“firstname“ /》《br /》Last name: 《input type=“text“ name=“lastname“ /》《/form》

几个流程html表单样例

HTML 表单用于搜集不同类型的用户输入。实例文本域 (Text field)本例演示如何在 HTML 页面创建文本域。用户可以在文本域中写入文本。密码域本例演示如何创建 HTML 的密码域。（可以在本页底端找到更多实例。）表单表单是一个包含表单元素的区域。表单元素是允许用户在表单中（比如：文本域、下拉列表、单选框、复选框等等）输入信息的元素。表单使用表单标签（《form》）定义。

用HTML制作表格

仅供参考《table border=“1“ cellpadding=“0“ cellspacing=“0“ width=“100%“》《tr》《th height=“100“ colspan=“2“ style=“font-size:18px;text-align:center“》总表头《/th》《/tr》《tr》《td width=“100“ height=“80“》表头《/td》《td rowspan=“3“》内容《/td》《/tr》《tr》《td height=“80“》表头《/td》《/tr》《tr》《td height=“80“》表头《/td》《/tr》《/table》height是代表高度，width是代表宽度，可以随意修改也可以根据百分比来写width

html 使用表格和表单创建如下图所示的表单页面求源代码

《!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN“ “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“》《html xmlns=“http://www.w3.org/1999/xhtml“》《head》《meta http-equiv=“Content-Type“ content=“text/html; charset=utf-8“ /》《title》产品订购《/title》《/head》《body》《form action=“#“ method=“post“》《table width=“1000“ border=“1“》  《tr》    《th colspan=“4“》产品订购《/th》  《/tr》  《tr》    《td style=“text-align:right“》姓名：《/td》    《td》《input type=“text“ name=“consumer“ /》《/td》    《td》商品名称：《/td》    《td》《input type=“text“ name=“goods_name“ /》《/td》  《/tr》  《tr》    《td style=“text-align:right“》地区：《/td》    《td》     《select name=“address“》         《option value=“guangzhou“》广州《/option》         《option value=“beijing“》北京《/option》         《option value=“shanghai“》上海《/option》        《/select》    《/td》    《td》付款方式：《/td》    《td》     《input type=“radio“ name=“pay“ value=“network“ /》网上     《input type=“radio“ name=“pay“ value=“mail“ /》邮局     《input type=“radio“ name=“pay“ value=“bank“ /》银行    《/td》  《/tr》  《tr》    《td style=“text-align:right“》关注产品：《/td》    《td colspan=“3“》     《input type=“checkbox“ name=“hufu“ checked=“checked“ /》护肤品        《input type=“checkbox“ name=“huazhuang“ /》化妆品        《input type=“checkbox“ name=“fuzhuang“ checked=“checked“ /》服装        《input type=“checkbox“ name=“dianqi“ /》电器    《/td》  《/tr》  《tr》    《td style=“text-align:right“》联系电话：《/td》    《td colspan=“3“》《input type=“text“ name=“phone“ /》《/td》  《/tr》  《tr》    《td style=“text-align:right“》备注：《/td》    《td colspan=“3“》     《textarea name=“comment“ rows=“10“ cols=“80“》《/textarea》    《/td》  《/tr》  《tr》    《td》 《/td》    《td colspan=“3“》     《input type=“submit“ value=“提交“ /》     《input type=“reset“ value=“重置“ /》    《/td》  《/tr》《/table》《/form》《/body》《/html》

可否满意？

html做个表格代码

html做个表格的步骤如下：

1、首先新建一个html，点击《body》《/body》中间，先填入表格内容；

2、内容根据需求来写即可，示例代码如下：

《table》

《p style=“text-align:center “》功课表《/p》

《tr》

《th》语文《/th》

《td》7:00-7:40《/td》

《td》7:50-8:30《/td》

《/tr》

《tr》

《th》数学《/th》

《td》7:00-7:40《/td》

《td》7:50-8:30《/td》

《/tr》

《tr》

《th》英文《/th》

《td》7:00-7:40《/td》

《td》7:50-8:30《/td》

《/tr》

《/table》

3、然后在《head》《/head》中间输入样式表的样式；

4、样式也根据个人的需求来设置即可，设置单元格的宽度高度，合并单元格，位置，颜色等等，示例代码如下：

《style type=“text/css“》

body

{

width:340px;

height :800px;

}

table

{

border-collapse :collapse ;

}

th,td

{

width:100px;

height:40px;

border :1px solid black;

font-size:12px;

text-align :center;

}     

《/style》

5、这里需要注意这个代码“table”的意义是将表格边框合并为单一的边框，将相邻变合并。

6、预览结果如下所示，一个简单的表格就制作出来了。