Пример кода для реализации слияния таблиц с использованием 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%; font-size:12px; цвет фона:#FCF; text-align:center;}#tab{ ширина:100%; размер шрифта:12px; семейство шрифтов:Вердана, Женева, без засечек, Джорджия, Times New Roman, Times, serif; шрифт-вес: жирный шрифт; фоновый цвет: #9F0;</style></head><body><table id=tab cellpadding=1 cellpacing=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>Математика</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!
Если вы считаете, что эта статья вам полезна, вы можете ее перепечатать, укажите источник, спасибо!