HTML多表頭表格代碼
來源:易賢網(wǎng) 閱讀:1696 次 日期:2016-06-16 11:50:22
溫馨提示:易賢網(wǎng)小編為您整理了“HTML多表頭表格代碼”,方便廣大網(wǎng)友查閱!

本文為大家介紹了多表頭表格是如何實現(xiàn),下面有個不錯的示例,大家可以參考下

1、多表頭表格代碼 

代碼如下:

<!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> 

<style type="text/css"> 

body{ 

width:98%; 

height:100%; 

font-size:12px; 

background-color:#FCF; 

text-align:center; 

#tab{ 

width:100%; 

height:100%; 

font-size:12px; 

font-family:Verdana, Geneva, sans-serif Georgia, "Times New Roman", Times, serif; 

font-weight:bolder; 

background-color:#9F0; 

</style> 

</head> 

<body> 

<table id="tab" cellpadding="1" cellspacing="1" border="1"> 

<tr> 

<th rowspan="2">序號</th> 

<th colspan="2">王五</th> 

<th colspan="2">李四</th> 

<th colspan="2">孫傳</th> 

<th colspan="2">胡平</th> 

<th rowspan="2">合計</th> 

</tr> 

<tr> 

<th>語文</th> 

<th>數(shù)學(xué)</th> 

<th>語文</th> 

<th>數(shù)學(xué)</th> 

<th>語文</th> 

<th>數(shù)學(xué)</th> 

<th>語文</th> 

<th>數(shù)學(xué)</th> 

</tr> 

<tr> 

<th>1</th> 

<th>78</th> 

<th>96</th> 

<th>67</th> 

<th>98</th> 

<th>88</th> 

<th>75</th> 

<th>94</th> 

<th>69</th> 

<th> </th> 

</tr> 

<tr> 

<th>2</th> 

<th>89</th> 

<th>68</th> 

<th>77</th> 

<th>87</th> 

<th>84</th> 

<th>76</th> 

<th>71</th> 

<th>87</th> 

<th> </th> 

</tr> 

<tr> 

<th>3</th> 

<th>75</th> 

<th>78</th> 

<th>89</th> 

<th>74</th> 

<th>65</th> 

<th>68</th> 

<th>98</th> 

<th>90</th> 

<th></th> 

</tr> 

<tr> 

<th>4</th> 

<th>79</th> 

<th>89</th> 

<th>65</th> 

<th>62</th> 

<th>64</th> 

<th>87</th> 

<th>97</th> 

<th>91</th> 

<th></th> 

</tr> 

<tr> 

<th>5</th> 

<th>89</th> 

<th>96</th> 

<th>67</th> 

<th>76</th> 

<th>74</th> 

<th>84</th> 

<th>67</th> 

<th>81</th> 

<th></th> 

</tr> 

<tr> 

<th>6</th> 

<th>94</th> 

<th>90</th> 

<th>97</th> 

<th>74</th> 

<th>62</th> 

<th>81</th> 

<th>78</th> 

<th>78</th> 

<th></th> 

</tr> 

<tr> 

<th>7</th> 

<th>78</th> 

<th>89</th> 

<th>77</th> 

<th>87</th> 

<th>45</th> 

<th>86</th> 

<th>77</th> 

<th>98</th> 

<th></th> 

</tr> 

<tr> 

<th>8</th> 

<th>65</th> 

<th>67</th> 

<th>94</th> 

<th>68</th> 

<th>87</th> 

<th>69</th> 

<th>78</th> 

<th>68</th> 

<th></th> 

</tr> 

<tr> 

<th>9</th> 

<th>86</th> 

<th>98</th> 

<th>87</th> 

<th>87</th> 

<th>65</th> 

<th>78</th> 

<th>98</th> 

<th>79</th> 

<th></th> 

</tr> 

<tr> 

<th>10</th> 

<th>88</th> 

<th>75</th> 

<th>77</th> 

<th>97</th> 

<th>97</th> 

<th>77</th> 

<th>70</th> 

<th>87</th> 

<th></th> 

</tr> 

</table> 

</body> 

</html> 

2、運行結(jié)果

名單

更多信息請查看網(wǎng)頁制作
易賢網(wǎng)手機網(wǎng)站地址:HTML多表頭表格代碼
由于各方面情況的不斷調(diào)整與變化,易賢網(wǎng)提供的所有考試信息和咨詢回復(fù)僅供參考,敬請考生以權(quán)威部門公布的正式信息和咨詢?yōu)闇?zhǔn)!

2025國考·省考課程試聽報名

  • 報班類型
  • 姓名
  • 手機號
  • 驗證碼
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 加入群交流 | 手機站點 | 投訴建議
工業(yè)和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網(wǎng)安備53010202001879號 人力資源服務(wù)許可證:(云)人服證字(2023)第0102001523號
云南網(wǎng)警備案專用圖標(biāo)
聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關(guān)注公眾號:hfpxwx
咨詢QQ:526150442(9:00—18:00)版權(quán)所有:易賢網(wǎng)
云南網(wǎng)警報警專用圖標(biāo)