HTML5를 사용하여 테이블 병합을 구현하는 예제 코드
예를 들어 테이블의 인접한 열에 동일한 내용이 있는 경우 제목을 병합하는 것이 매우 중요하므로 코드 예는 다음과 같습니다.
<!DOCTYPE html><html><head><meta charset= utf-8><meta name=author content=http://www.softwhy.com/ /><title>웹 프런트 엔드 학습 버클 qun: 731771211 일일 기술 공유, 학술 교류</title><style type=text/css>body{ width:98% height:100%; 배경색:#FCF; 텍스트 정렬:센터;}#tab{ 너비:100%; 글꼴 크기:12px; 글꼴 계열:Verdana, 제네바, 산세리프 조지아, 시간, serif; 글꼴-가중치:bolder; 배경색:#9F0;}</style></head><body><table id=tab cellpadding=1cellspacing=1 border=1> <tr> <th rowspan=2>일련 번호</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 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>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>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>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 무술 웹사이트를 지원해 주신 모든 분들께 감사드립니다!
이 글이 도움이 되셨다면 재인쇄하셔도 좋고, 출처를 밝혀주시면 감사하겠습니다!