Możesz połączyć dwie lub więcej komórek tabeli razem, używając atrybutu colspan w a Tag HTML (dane tabeli). Na przykład w poniższym kodzie znajduje się tabela z trzema wierszami i trzema kolumnami.

Gdybyśmy chcieli połączyć dwie pierwsze komórki w jedną komórkę, moglibyśmy użyć atrybutu colspan = "2" w pierwszym etykietka. Liczba reprezentuje liczbę komórek, których chcesz użyć dla etykietka.

Przykładowa tabela HTML

Powyższy kod, renderowany w przeglądarce internetowej, tworzy tabelę podobną do poniższej tabeli. Jak widać, pierwsza komórka obejmuje szerokość dwóch kolumn.

Aby użyć wszystkich trzech komórek na górze tabeli, zwiększ wartość colspan do 3, ponieważ istnieją trzy kolumny. Zwiększenie wartości do 3 daje tabelę podobną do pokazanej poniżej.

Uwaga: upewnij się, że po rozwinięciu a kolumna, którą usuniesz pozostałe etykietka. W powyższym przykładzie, ponieważ używamy wszystkich trzech kolumn, mamy tylko jedną w (wiersz tabeli).

Scalanie komórek za pomocą edytora WYSIWYG

Możesz także użyć edytora WYSIWYG do scalenia komórek. Zazwyczaj odbywa się to przez zaznaczenie dwóch lub więcej komórek, kliknięcie prawym przyciskiem myszy komórek, a następnie wybranie opcji scalania komórek. Poniżej przedstawiono dodatkowe kroki, jak to zrobić w Dreamweaver i Expression Web.

Scalanie komórek za pomocą programu Dreamweaver

1. Zaznacz dwie lub więcej komórek w swoim stole.
2. Kliknij prawym przyciskiem myszy zaznaczone komórki.
3. Kliknij opcję Tabela, a następnie Połącz komórki .

lub

1. Zaznacz dwie lub więcej komórek w swoim stole.
2. Naciśnij skrót klawiaturowy Alt + Ctrl + M.

Scalanie komórek za pomocą Expression Web

1. Zaznacz dwie lub więcej komórek w swoim stole.
2. Kliknij prawym przyciskiem myszy zaznaczone komórki.
3. Kliknij Modyfikuj, a następnie Połącz komórki .