表格制作代码
这个只要你记住相关的标记就可以了。
记事本写入相关的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> <body> <center> <table> <tr> <td>第1行,第1列</td> <td>第1行,第2列</td> <td>第1行,第3列</td> <td>第1行,第4列</td> </tr><tr> <td>第2行,第1列</td> <td>第2行,第2列</td> <td>第2行,第3列</td> <td>第2行,第4列</td> </tr><tr> <td>第3行,第1列</td> <td>第3行,第2列</td> <td>第3行,第3列</td> <td>第3行,第4列</td> </tr> </table>
『叁』 用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
『肆』 怎样制做表格代码
一、简单表格制作
举个例子来说,如果今天我们要做一个3栏2列的表格,在WORD中,只要设定表格为3栏、2列就完成了,不过,在网页中做一个3栏2列的表格,可是要分成好几个步骤的,第一个步骤,利用<TABLE></TABLE>标签告诉电脑我要做一个表格;第二个步骤,利用一组<TR></TR>标签先做一个横列,然后在横列中利用三组<TD></TD>标签再分出三栏;第三个步骤,重复第二个步骤,再做一横列然后再分三栏,如此才能得到一个3栏2列的表格。听不太懂吗?没关系,以下咱们就来慢慢的看个仔细:
A、首先我们来看一个最简单的表格:
代码:
<TABLE BORDER=1>
<TR><TD>1</TD></TR>
</TABLE>
结果:
1
利用<TABLE>这个标签来告诉电脑,这是一个表格,至于 BORDER=1 这参数是设定此表格的框线粗细为 1。一组<TR></TR>是设定一横列的开始。一组<TD></TD>则是设定一个栏位。当然,文字就是要摆在这里面。
B 、现在我们再来增加二个格子:
代码:
<TABLE BORDER=1>
<TR><TD>1</TD><TD>2</TD><TD>3</TD></TR>
</TABLE>
结果:
123
C 、看见没有,<TR></TR>没有增加,<TD></TD>却增加了二组。那如果我要再加上一列呢?很简单,就像这样:
代码:
<TABLE BORDER=1>
<TR><TD>1</TD><TD>2</TD><TD>3</TD></TR>
<TR><TD>4</TD><TD>5</TD><TD>6</TD></TR>
</TABLE>
结果:
123456
二、合并表格栏位
1、左右栏位合并:如何将 1、2、3 格通通合并变成一大格
代码:
<TABLE BORDER=1>
<TR><TD COLSPAN=3>1</TD></TR>
<TR><TD>4</TD><TD>5</TD><TD>6</TD></TR>
</TABLE>
结果:
1456
您应该会发现,怎么2、3都消失了?只剩下1,而且该栏的<TD>标签还多了一个陌生的脸孔COLSPAN="3",没错,这就是“左右栏位合并”的属性,COLSPAN="3"的意思就是“这个栏位左右横跨了3个栏位”,也正因如此,本来的两个<TD>都可以省掉了,因为都被并掉了嘛!
2、上下栏位合并:如何上下合并,将 1、4格通通合并变成一大格
代码:
<TABLE BORDER=1>
<TR><TD ROWSPAN=2>1</TD><TD>2</TD><TD>3</TD></TR>
<TR><TD>5</TD><TD>6</TD></TR>
</TABLE>
结果:
12356
有了上一次的经验后,我们就知道,要合并栏位就一定有些栏位会被“牺牲”掉(也就是那些被合并的栏位啦!),这次我们要“上下合并”,我们将1与4合并成一个栏位,那么被牺牲的是哪一个栏位呢?没错就是下面那一个倒楣的4,我们看看上图,果然4已经删掉了,而在1的<TD>标签中则多了个生面孔ROWSPAN,这就是“上下栏位合并”的属性,ROWSPAN=2的意思就是“这个栏位上下连跨了2个栏位”。
三、表格对齐设置
1、我可以自己设定表格的大小吗?当然可以,您可以自由设定表格的“宽”及“高”喔!我们来制作一个宽100、高60的表格,做法如下:
代码:
<TABLE WIDTH="100" BORDER="1" HEIGHT="60">
<TR><TD>1</TD></TR>
</TABLE>
结果:
1
2、哎呀!怎么 1 老是在表格的左边呢?可以弄到中间吗?当然可以,只要在<TD>加入 ALIGN=CENTER 这参数即可:
代码:
<TABLE WIDTH="100" BORDER="1" HEIGHT="60">
<TR><TD ALIGN=CENTER>1</TD></TR>
</TABLE>
结果:
1
此外,利用 ALIGN=RIGHT可以让表格中物件置右、利用 ALIGN=LEFT可以让表格中物件置左(预设值),至于为什么要加在<TD>中呢?因为,<TD>是一个栏位的意思,我们要指定在这栏位中的东西要置中或置左置右,就必须将ALIGN加在<TD>中。
3、既然可以置中,那么也可以控制表格内文字靠上方、靠下方吗?可以的,只要利用 VALIGN=TOP 这种属性即可让表格内物件靠上方对齐。
代码:
<TABLE WIDTH="100" BORDER="1" HEIGHT="60">
<TR><TD ALIGN=CENTER VALIGN=TOP>1</TD></TR>
</TABLE>
结果:
1
利用VALIGN=MIDDLE可以让表格中物件垂直置中(预设值),VALIGN=BOTTOM可以H让表格中物件靠下方。
四、表格背景设置
1、那么表格可以设定底色吗?可以的不但表格可以,您也可以指定某栏或某列的颜色,方法和加背景颜色一样,利用BGCOLOR="颜色码"就行了。底下是指定整格表格背景颜色的方法:
代码:
<TABLE BORDER="1" BGCOLOR=#FFCC33>
<TR><TD>1</TD><TD>2</TD></TR>
<TR><TD>3</TD><TD>4</TD></TR>
</TABLE>
结果:
1234
将BGCOLOR="颜色码"加在<TR>中,可以指定“一列”的背景颜色:
代码:
<TABLE BORDER="1" >
<TR BGCOLOR=#FFCC33><TD>1</TD><TD>2</TD></TR>
<TR><TD>3</TD><TD>4</TD></TR>
</TABLE>
结果:
1234
将BGCOLOR="颜色码"加在<TD>中,可以指定“一栏”的背景颜色:
代码:
<TABLE BORDER="1" >
<TR><TD BGCOLOR=#FFCC33>1</TD><TD>2</TD></TR>
<TR><TD>3</TD><TD>4</TD></TR>
</TABLE>
结果:
1234
2、表格除了可以设定底色外,也可以用图片来作背景吗?当然可以,方法一样简单,只要将BACKGROUND="图片名称"加到表格中就行了。和表格背景颜色一样,不但表格可以设定背景图片,您也可以指定某栏或某列的背景图片:
代码:
<TABLE BORDER="1" BGCOLOR=#FFCC33>
<TR><TD>1</TD><TD>2</TD></TR>
<TR><TD>3</TD><TD>4</TD></TR>
</TABLE>
结果:
1234
将BACKGROUND="图片名称"加在<TD>中,可以指定“一栏”的背景颜色:
代码:
<TABLE BORDER="1">
<TR><TD BGCOLOR=#FFCC33>1</TD><TD>2</TD></TR>
<TR><TD>3</TD><TD>4</TD></TR>
</TABLE>
结果:
1234
五、 表格框线设置
1、如何设定表格粗细?只要利用BORDER="粗细值"就行了。
代码:
<TABLE BORDER=5>
<TR><TD>1</TD></TR>
</TABLE>
结果:
1
2、如何设定表格颜色?只要利用BORDERCOLOR="颜色码"就行了
代码:
<TABLE BORDER="5" BORDERCOLOR="#0080FF">
<TR><TD>1</TD></TR>
</TABLE>
结果:
1
3、另外,我们也可以设定表格的阴影、亮面颜色,让表格看起来更有立体感喔!只要利用 BORDERCOLORLIGHT="#颜色码"(亮面设定) BORDERCOLORDARK="颜色码"(暗面设定)就行了。
代码:
<TABLE BORDER="5" BORDERCOLOR="#0080FF" BORDERCOLORLIGHT="#62B0FF" BORDERCOLORDARK="#004B97">
<TR><TD>1</TD></TR>
</TABLE>
结果:
1
六、表格栏距设置
1、我们可以利用CELLPADDING属性自由设定表格内文距离格线的距离,这个属性很好用,保持适当的距离,看起来比较舒服。一般而言内定值为2,不过我建议设定为4比较漂亮。
代码:
<TABLE BORDER="1" CELLPADDING="10">
<TR><TD>1</TD><TD>2</TD></TR>
</TABLE>
结果:
12
2、我们可以利用CELLSPACING属性设定表格栏位格线之间的距离。一般而言内定值为2,不过我通常习惯设为 0 。
代码:
<TABLE BORDER="1" CELLSPACING="5">
<TR><TD>1</TD><TD>2</TD></TR>
</TABLE>
结果:
12
『伍』 求用html制作这个表格的代码
用table标签,tr表示行,td表示列,下面是一个2行2列表格的例子。
<table border="1">
<tr>
<td>内容1</td>
<td>内容2</td>
</tr>
<tr>
<td>内容3</td>
<td>内容4</td>
</tr>
</table>
『陆』 thml如何制作表格代码
首先打开软件,新建一个HTML5文档。为文档命名为:table。当然新建文档的方法有很多,内使用容的软件不同,方式不同。
在<body></body>之间输入以下代码:
<table> <thead> <tr> <th>标题1</th> <th>标题2</th> <th>标题3</th> </tr> </thead> <tbody> <tr> <td>单元格1</td> <td>单元格2</td> <td>单元格3</td> </tr>
... ... </tbody></table></body>
我们可以看到表格已经完成大半,除了线框尚未加上以外。这时,我们只用在标签<table>里加一个属性<border="1">
这时候我们再在浏览器中查看,会发现表格的边框就已经加上了。
万变不离其宗,在最基本的代码基础上再加其他代码便可制作出绚丽的表格了。
『柒』 跪求高手制作一个网页上表格的代码
我这样做看满足您要求的表格不,行数可以自己添加,至于您说的弹出新网页能否在具体些?代码如下:<!DOCTYPE
html
PUBLIC
"-//W3C//DTD
XHTML
1.0
Transitional//EN"
"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
xmlns="
http://www.w3.org/1999/xhtml">
http-equiv="Content-Type"
content="text/html;
charset=utf-8"
/><title>表格</title><meta
http-equiv="content-type"
content="text/html;charset=gb2312"
/><style
type="text/css"><!--tr,th,td
{
border:1px
solid
#000000;}--></style></head>
<body><table
width="100%"
height="15cm"
style="border-collapse:collapse;
border:#000000
solid
1px;"><tr><th>区域</th><th>名称</th><th>联系人</th><th>形状</th><th>大小</th><th>价格</th><th>时间</th><th>详情</th></tr><tr><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr><tr><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr></table></body></html>
『捌』 用表格和表单制作如下网页。完整html代码
1、使用标签<table></table>定义网页的表格,使用style赋值类型将显示在网页。
『玖』 c语言中如何制作表格
C语言的数据结构就5种,void int float double char 要做表格可以用结构体,或者用二维数组。
『拾』 html表格代码
你可以用锚点试试
可能我整的不好 但你可以自己排版 我只是给以一个简单的例子
<body>
<font color="blue" size="8"></font>
<a href="#first">第一页</a>
<br>
<a href="#scend">第二页</a>
<br>
<a href="#third">第三页</a>
<br>
<pre>
<a name="first">第一页</a>
<tr>
<td><img src="img/4j.gif" width="222" height="173" /></td>
<td><img src="img/13j.gif" width="222" height="173" /></td>
<td><img src="img/14j.gif" width="222" height="173" /></td>
<td><img src="img/14j.gif" width="222" height="173" /></td>
</tr>
<tr>
<td><img src="img/14j.gif" width="222" height="173" /></td>
<td><img src="img/15j.gif" width="222" height="173" /></td>
<td><img src="img/13j.gif" width="222" height="173" /></td>
<td><img src="img/15j.gif" width="222" height="173" /></td>
</tr>
<a name="scend">第二页</a>
<a href="#first">第一页</a><br>
<a href="#scend">第二页</a><br>
<a href="#third">第三页</a><br>
<tr>
<td><img src="img/5j.gif" width="222" height="173" /></td>
<td><img src="img/6j.gif" width="222" height="173" /></td>
<td><img src="img/7j.gif" width="222" height="173" /></td>
<td><img src="img/8j.gif" width="222" height="173" /></td>
</tr>
<tr>
<td><img src="img/9j.gif" width="222" height="173" /></td>
<td><img src="img/9j.gif" width="222" height="173" /></td>
<td><img src="img/8j.gif" width="222" height="173" /></td>
<td><img src="img/7j.gif" width="222" height="173" /></td>
</tr>
<a name="third">第三页</a>
<a href="#first">第一页</a><br>
<a href="#scend">第二页</a><br>
<a href="#third">第三页</a><br>
<tr>
<td><img src="img/9j.gif" width="222" height="173" /></td>
<td><img src="img/8j.gif" width="222" height="173" /></td>
<td><img src="img/7j.gif" width="222" height="173" /></td>
<td><img src="img/6j.gif" width="222" height="173" /></td>
</tr>
<tr>
<td><img src="img/14j.gif" width="222" height="173" /></td>
<td><img src="img/15j.gif" width="222" height="173" /></td>
<td><img src="img/4j.gif" width="222" height="173" /></td>
<td><img src="img/5j.gif" width="222" height="173" /></td>
</tr>
</pre></body>