當前位置：首頁 » 編程語言 » 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表相關的閱讀推薦