Znacznik DIV - kontener, który w tym przypadku wykorzystany jest do podzielenia treści na kolumny. Widoczne 2 lub 3 kolumny uzyskamy na większych monitorach.

Kontenery (sekcje) to odrębne tematycznie fragmenty treści na stronie. Można je porównać do rozdziałów w książce. Każda sekcja może mieć nagłówek (tytuł rozdziału) i stopkę (zawierającą informacje o autorze, prawach autorskich itp.). W ramach znaczników przydatnych przy wstawianiu sekcji, wyróżnić możemy elementy, które fizycznie te sekcje tworzą (ang. sectioning elements) - są to: ARTICLE, ASIDE, NAV, SECTION. Definiują one w dokumencie zakres dla nagłówków (H1, H2, H3, H4, H5, H6) i stopek (FOOTER).

HEADER - eprezentuje grupę wprowadzającą albo ułatwienia nawigacyjne. Zwykle zawiera nagłówek sekcji (H1, H2 ...) ale nie jest to absolutnie konieczne. Może zawierać również: spis treści, formularz wyszukiwania, logo.

FOOTER - stopka sekcji. Może zawierać informacje na temat autora, praw autorskich itp.

NAV - sekcja dokumentu przeznaczona na nawigację.

MAIN - powinniśmy nim oznaczyć główną treść każdego dokumentu. Zwykle można ją rozpoznać po tym, że jest bezpośrednio związana z tytułem strony. Znacznikiem MAIN nie należy obejmować żadnych stałych elementów, które powtarzają się w całym serwisie: menu nawigacyjnego, informacji o prawach autorskich, logo serwisu, bannerów, formularzy wyszukiwania itp. Znacznik ten może jednak obejmować linki nawigujące do podsekcji głównej zawartości dokumentu, które nie powtarzają się na innych stronach.

SECTION - ogólna sekcja dokumentu lub aplikacji. Może być użyta w połączeniu z elementami: H1, H2, H3, H4, H5, H6 - dla wskazania struktury dokumentu.

ARTICLE - niezależny kawałek treści dokumentu, jak np. wpis na blogu albo artykuł w gazecie.

ASIDE - kawałek treści, który tylko nieznacznie jest powiązany z resztą strony.

Znacznik DIV - kontener, który w tym przypadku wykorzystany jest do podzielenia treści na kolumny.

Dymki w CSS

Teraz jest możliwe na stronie udostępniać dla użytkowników małą podpowiedź przy ważnych linkach. Wystarczy, że przypiszesz linkowi klasę i umieścisz treść w znaczniku span.
Szachy – rodzina strategicznych gier planszowych rozgrywanych przez dwóch graczy na 64-polowej szachownicy, za pomocą zestawu bierek (pionów i figur). Popularnie, choć nieprecyzyjnie, szachami nazywa się również wspomniane bierki. Gra w szachy. Prawdziwy dym!

Nagłówek poziomu 4. Ponizej znajduje sie lista <ul> punktowana:

• tutaj jest pierwszy element listy punktowanej
• tutaj jest drugi element listy punktowanej
• tutaj jest trzeci element listy punktowanej

Tutaj jest nagłówek poziomu 5. Ponizej znajduje sie lista <ol> numerowana:

1. tutaj jest pierwszy element listy numerowanej
2. tutaj jest drugi element listy numerowanej
3. tutaj jest trzeci element listy numerowanej

Tutaj jest nagłówek poziomu 6

Zastosowano wcięcie tekstu przy pomocy znacznika <blockquote>. Efek widoczny tutaj. Zastosowano wcięcie tekstu przy pomocy znacznika <blockquote>. Efek widoczny tutaj.

Figure - znacznik, definiuje samodzielną część dokumentu, do której następują odwołania z głównej treści jako do pojedynczej jednostki. Może służyć do oznaczania: ilustracji, diagramów, zdjęć, wycinków kodu źródłowego itp. W obszernych opracowaniach naukowych zwykle podaje się spis wszystkich ilustracji bądź diagramów, występujących w całej pracy.

Figcaption - opis do obrazka, schematu itp. Umieszca sie wewnątrz znacznika Figure

O tym, czy dany element nadaje się do oznaczenia go jako załącznik, najlepiej zdecydować, zadając sobie pytanie: czy moglibyśmy go przenieść na inną podstronę serwisu bez utraty spójności głównego tekstu dokumentu? Bardzo podobne przeznaczenie ma element ASIDE, jednak w odróżnieniu od FIGURE, jego zawartość jest tylko nieznacznie powiązana tematycznie z główną treścią.

Kaskadowe arkusze stylów (CSS - Cascading Style Sheets) są nieodłącznym towarzyszem współczesnej wersji języka HTML. Po stworzeniu struktury strony i dodaniu do niej odpowiednich treści przygotowujemy arkusz stylu.

• Język HTML odpowiada za strukturę tworzonej witryny internetowej i poszczególnych dokumentów (ich stronę semantyczną)
• Język CSS odpowiada za wizualną prezentację stron internetowych w przeglądarkach

Można wprawdzie stworzyć witrynę, używając jedynie czystego HTML, jednak będzie to witryna prosta i mało atrakcyjna. Style pomogą znacznie ją wzbogacić, dlatego ich znajomość jest dzisiaj po prostu niezbędna. Przećwiczenie CSS da webmasterowi dużą swobodę w tworzeniu ciekawych wizualnie stron. Ponadto stosowanie stylów oszczędza wiele pracy koniecznej dawniej do sformatowania dokumentów za pomocą tradycyjnych technik - nierzadko zmiana jednego drobnego parametru w arkuszu stylów pozwala zmienić wygląd całej witryny! Im więcej ćwiczeń wykonasz, im dłużej będziesz obcować ze stylami, tym lepsze osiągniesz wyniki. Warto śledzić strony w Internecie opisujące rozmaite sztuczki i chwyty, a także czytać książki poświęcone praktyce stosowania stylów. Dobry webmaster powinien nie tylko biegle znać składniki CSS, ale i potrafić zrobić z nich praktyczny użytek - łatwo zauważyć, że stosowanie stylów jest nie tylko umiejętnością techniczną, ale i nieraz wręcz sztuką, w której objawia się talent plastyczny i smak autora witryny.