Contoh kode implementasi penggabungan tabel menggunakan HTML5

Penulis：Eve Cole Waktu Pembaruan：2025-03-15 17:16:02

Kebutuhan seperti itu banyak sekali, misalnya jika kolom-kolom yang berdekatan dalam suatu tabel memiliki isi yang sama, maka satu judul dapat digunakan. Maka penggabungan judul sangat penting agar pengguna merasa lebih manusiawi. Contoh kodenya adalah sebagai berikut:

 <!DOCTYPE html><html><head><meta charset= utf-8><meta name=author content=http://www.softwhy.com/ /><title>Gesper pembelajaran front-end web qun: 731771211 teknologi Berbagi harian, pertukaran akademis</title><style type=text/css>body{ width:98% height:100%; warna latar:#FCF; perataan teks:tengah;}#tab{ lebar:100%; tinggi:100%; ukuran font:12px; font-family:Verdana, Jenewa, sans-serif Georgia, Times New Roman, Kali, serif; font-weight:bolder; background-color:#9F0;}</style></head><body><table id=tab cellpadding=1 spasi sel=1 border=1> <tr> <th rowpan=2>Nomor seri</th> <th colspan=2>Wang Wu</th> <th colspan=2>Li Si</th> <th colspan=2>Sun Chuan </th> <th colspan=2>Hu Ping</th> <th rowpan=2>Jumlah</th> </tr> <tr> <th>Cina</th> <th>Matematika</th > < th>Cina</th> <th>Matematika</th> <th>Mandarin</th> <th>Matematika</th> <th>Mandarin</th> <th>Matematika</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>

Meringkaskan

Di atas adalah contoh kode yang diperkenalkan editor kepada Anda menggunakan HTML5 untuk mewujudkan penggabungan tabel. Saya harap ini dapat membantu Anda. Jika Anda memiliki pertanyaan, silakan tinggalkan pesan kepada saya dan editor akan membalas Anda tepat waktu. Saya juga ingin mengucapkan terima kasih kepada semua orang atas dukungan Anda terhadap situs seni bela diri VeVb!

Jika menurut Anda artikel ini bermanfaat bagi Anda, silakan cetak ulang, harap sebutkan sumbernya, terima kasih!