Jeśli chcemy, aby szerokość wybranego elementu HTML była dopasowana do urządzenia, na którym się wyświetla, to należy zastosować właściwości width ustawiającą szerokość i max-width ustawiającą maksymalną szerokość. Czyli jeśli ustawimy maksymalną szerokość bez szerokości elementu, nasz kod CSS nie będzie działał prawidłowo. Przy ustawieniu max-width zawsze ustawiamy width (Listing 1).
Kod tabeli HTML z artykułu „Tworzenie tabeli w języku HTML5”, uaktualnimy o kod CSS odpowiedzialny za kolorowanie tabeli HTML. Pełny kod wszystkich modyfikacji przedstawiliśmy na listingu 8, wygląd końcowy tabeli HTML na rysunku 1. Wszystkie kolory zastosowane w przykładzie umieściliśmy w tabeli 1.
Zaczniemy od tworzenia prostej tabeli, skończymy na bardziej rozbudowanej. Połączymy wiersze i kolumny, ustawimy również obramowanie, dodamy stopkę (element tfoot). Kod HTML podstawowej tabeli zawierający część główną (element tbody), podpis (element caption), nagłówek (element thead) przedstawiliśmy na listingu 1. Widok tabeli zaprezentowaliśmy na rysunku 1.
Domyślnie w przeglądarce internetowej Safari, działającej na systemie operacyjnym macOS podgląd kodu HTML jest zablokowany (rys. 1.). Jeśli chcemy mieć możliwość pracy z kodem HTML, należy najpierw włączyć w przeglądarce Safari tryb programisty (rys. 5.).
System operacyjny macOS nie posiada automatycznie po instalacji najnowszej wersji powłoki Bash. Dlatego jeśli zaistnieje sytuacja, która będzie wymagała uaktualnienia powłoki do aktualnie najnowszej wersji, warto wykonać aktualizację za pomocą np. narzędzia Homebrew (powłoka Bash podstawy – aktualizacja).