HTML5 を使用してテーブル結合を実装するサンプルコード
たとえば、テーブル内の隣接する列が同じ内容である場合、タイトルを結合することは非常に重要であり、コード例は次のとおりです。
<!DOCTYPE html><html><head><meta charset= utf-8><meta name=author content=http://www.softwhy.com/ /><title>Web フロントエンド学習バックル qun: 731771211日々の共有テクノロジー、学術交流</title><style type=text/css>body{ width:98%; font-size:12px;背景色:#FCF; テキスト整列:センター;}#tab{ 幅:100%; 高さ:100%; フォントファミリー:ベルダナ、ジュネーブ、サンセリフ ジョージア、タイムズ ニュー ローマン回、セリフ; font-weight:bolder;background-color:#9F0;}</style></head><body><table id=tab cellpadding=1 cellpacing=1 border=1> <tr> <th rowspan=2>シリアル番号</th> <thcolspan=2>王呉</th> <thcolspan=2>李思</th> <thcolspan=2>太陽チュアン</th> <thcolspan=2>胡平</th> <th rowspan=2>合計</th> </tr> <tr> <th>中国語</th> <th>数学</th > < th>中国語</th> <th>数学</th> <th>中国語</th> <th>数学</th> <th>中国語</th> <th>数学</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>要約する上記は、エディターが HTML5 を使用してテーブル結合を実現するために紹介するサンプル コードです。ご質問があれば、メッセージを残してください。エディターがすぐに返信します。また、VeVb武道サイトを応援してくださった皆様、誠にありがとうございました！
この記事が役立つと思われる場合は、転載していただいてかまいませんので、出典を明示してください。ありがとうございます。