当前位置：首页 » 编程语言 » htmltable表

htmltable表

发布时间: 2021-03-10 06:51:08

1. html5，table表格

你好！

<style>
table{
font-family:arial,宋体,sans-serif;
border-spacing:0;
border-collapse:collapse;
}

tbody{
display:table-row-group;
vertical-align:middle;
border-color:inherit;
}

td,
th{
display:table-cell;
vertical-align:inherit;
}

tableth,
tabletd{
padding:2px10px;
font-size:12px;
line-height:22px;
height:22px;
border:1pxsolid#e6e6e6;
}

tableth{
border-bottom:1pxsolid#e6e6e6;
text-align:left;
font-weight:700;
height:23px;
background-color:#f8f8f8;
}

table.table-view{
margin:5px0;
border-collapse:collapse;
word-wrap:break-word;
word-break:break-all;
font-size:12px;
line-height:22px;
color:#000;
}

caption{
display:table-caption;
text-align:-webkit-center;
}

tablecaption{
font-weight:700;
padding:10px0;
padding:8px09px;
font-size:14px;
}

tablea{
color:#136ec2;
text-decoration:none;
}
</style>

<tablelog-set-param="table_view"class="table-viewlog-set-param">
<caption>金满贯</caption>
<tbody>
<tr>
<thheight="0"align="left">
<divclass="para"label-mole="para">网球奖项</div>
<divclass="para"label-mole="para">（英文）</div>
</th>
<thheight="0"align="left">
<divclass="para"label-mole="para">网球奖项</div>
<divclass="para"label-mole="para">（中文）</div>
</th>
<th>分类</th>
<thheight="0"align="left">信息</th>
</tr>
<tr>
<tdwidth="100"height="0"align="left"valign="center"rowspan="2"><b>GoldenSlam</b></td>
<tdwidth="87"height="0"align="left"valign="center"rowspan="2">
<divclass="para"label-mole="para"><atarget="_blank"href="/item/%E9%87%91%E6%BB%A1%E8%B4%AF"><b>金满贯</b></a></div>
<divclass="para"label-mole="para"><b>★★★★</b></div>
</td>
<tdwidth="91"align="left"valign="center">年度金满贯</td>
<tdvalign="top"align="left"width="354">
<divclass="para"label-mole="para">（年度金满贯：是指一位选手在一个赛季里（一年）同时获得所有四大满贯赛事的冠军和<atarget="_blank"href="/item/%E5%A4%8F%E5%AD%A3%E5%A5%A5%E6%9E%97%E5%8C%B9%E5%85%8B%E8%BF%90%E5%8A%A8%E4%BC%9A">夏季奥林匹克运动会</a>网球项目金牌。）</div>
</td>
</tr>
<tr>
<tdwidth="91"align="left"valign="center">职业金满贯</td>
<tdwidth="354"align="left"valign="center">（职业金满贯：是指一位选手在职业生涯中非连续夺得所有四大满贯赛事的冠军和<atarget="_blank"href="/item/%E5%A4%8F%E5%AD%A3%E5%A5%A5%E6%9E%97%E5%8C%B9%E5%85%8B%E8%BF%90%E5%8A%A8%E4%BC%9A">夏季奥林匹克运动会</a>网球项目金牌。）</td>
</tr>
</tbody>
</table>

希望对你有帮助！

2. 表格怎么html table标签

用CSS控制就行了。我做了一个简单的例子，可以根据自己的实际进行修改：
<styletype="text/css">
table{border-collapse:collapse;border-spacing:0;}
tabletd{margin:0;padding:0;width:30px;font-weight:normal;border:1pxsolid#000;font-size:12px;}
tabletd.w1{border-left:none;}
tabletd.w2{border-right:none;}
</style>
<tablewidth="200"border="0">
<tr>
<tdrowspan="2"class="w2">客户内管理数</td>
<tdclass="w1">&nbsp;</td>
<td></td>
</tr>
<tr><td>其中新增容计划户数</td><td></td></tr>
<tr><td></td><td></td><td></td></tr>
</table>

3. 如何使用HTML 中的表格代码table，tr，td

表格由复 <table> 标签来定义。每个表格均有制若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

表格和边框属性
如果不定义边框属性，表格将不显示边框。有时这很有用，但是大多数时候，我们希望显示边框。
使用边框属性来显示一个带有边框的表格：
<table border="1">
<tr>
<td>Row 1, cell 1</td>
<td>Row 1, cell 2</td>
</tr>
</table>

表格的表头
表格的表头使用 <th> 标签进行定义。
大多数浏览器会把表头显示为粗体居中的文本：

表格中的空单元格
在一些浏览器中，没有内容的表格单元显示得不太好。如果某个单元格是空的（没有内容），浏览器可能无法显示出这个单元格的边框。

注意：这个空的单元格的边框没有被显示出来。为了避免这种情况，在空单元格中添加一个空格占位符，就可以将边框显示出来。

6
以下就是所有的表格标签，我们可以逐个加到代码里面尝试以下效果，记住就可以了

4. HTML如何在表格中套表格

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

5. 用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

6. 1. 使用HTML <Table>编写一个显示如下表格的完整网页.

<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN">
<HTML>
<HEAD>
<TITLE>NewDocument</TITLE>
<METANAME="Generator"CONTENT="EditPlus">
<METANAME="Author"CONTENT="">
<METANAME="Keywords"CONTENT="">
<METANAME="Description"CONTENT="">
<STYLETYPE="TEXT/CSS">
table{
text-align:center;
}
</STYLE>
</HEAD>
<BODY>
<CENTER>
<TABLEcellspacing=0width=500border=1>
<THEAD><TR><TDalign="center"colspan=6>2011级《网站涉及与建设》成绩表</TD></TR></THEAD>
<TR>
<TDrowspan=2>学号</TD>
<TDrowspan=2>姓名</TD>
<TDcolspan=3>单项成绩</TD>
<TDrowspan=2>总成绩</TD>
</TR>
<TR>
<TD>试验</TD>
<TD>作业</TD>
<TD>笔试</TD>
</TR>
<TR>
<TD>2006020001</TD>
<TD>李小静</TD>
<TD>18</TD>
<TD>9</TD>
<TD>68</TD>
<TD>95</TD>
</TR>
<TR>
<TD>2006020002</TD>
<TD>王丽容</TD>
<TD>14</TD>
<TD>8</TD>
<TD>63</TD>
<TD>85</TD>
</TR>
<TR>
<TD>2006020003</TD>
<TD>郭永光</TD>
<TD>16</TD>
<TD>9</TD>
<TD>66</TD>
<TD>91</TD>
</TR>
<TR>
<TD>2006020004</TD>
<TD>杨玉兰</TD>
<TD>17</TD>
<TD>7</TD>
<TD>58</TD>
<TD>82</TD>
</TR>
</TABLE>
</CENTER>
</BODY>
</HTML>

7. 关于html表格显示

<html>
<head>
<title>表格</title>
</head>
<body>

<table style="border-collapse:collapse;" border="1">
<tr>
<td align="left" valign="bottom" >单元格1</td>
<td align="left" valign="bottom" >单元格2</td>
</tr>
<tr>
<td>单元格3</td>
<td>单元格4</td>

</tr>
</table>
</body>
</html>

换成这样就可以了然后单元格的宽度这些你可以调一下

8. 求一个HTML的table表格

说明：
该表格跨列，而且每列具有宽度限制，直接使用colspan和width进行分隔会有问题，因为所有列宽都是10的倍数，且最大列宽为100，所以，我们假设该表格有10列，每列宽度为10进行分隔，形成代码如下：

注：第一个TR可以删除，这里加上只是为了演示使用。
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<BODY>
<table border="1">
<tr>
<td width="10px"></td>
<td width="10px"></td>
<td width="10px"></td>
<td width="10px"></td>
<td width="10px"></td>
<td width="10px"></td>
<td width="10px"></td>
<td width="10px"></td>
<td width="10px"></td>
<td width="10px"></td>
</tr>
<tr>
<td width="20px" colspan="2">a</td>
<td width="80px" colspan="8">a</td>

</tr>
<tr>
<td width="40px" colspan="4">a</td>
<td width="30px" colspan="3">a</td>
<td width="30px" colspan="3">a</td>
</tr>
<tr>
<td width="100px" colspan="10">a</td>
</tr>
</table>

</BODY>
</HTML>

9. html中如何加入表格

用Dreamweaver插入表格，具体方法是：单击插入，里面有个表格选项出来一个对话框，里面可以设置你要插入几行几列的表格，插入后可以在下面的属性里面设置各种值，如果要把表格定位，则先插入层就OK了，
如果你不会Dreamweaver，下面是一段表格代码：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>

<body>
<table width="500" height="250" border="1">
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>

10. html做个表格代码

html做个表格的步骤如下：

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

阅读全文

htmltable表

与htmltable表相关的阅读推荐