HTML5 oraz CSS3 to aktualne standardy tworzenia stron internetowych.
Za pomocą znaczników kodu HTML definjujemy układ dokumentu, natomiast za wygląd interfejsu użytkownika odpowiada CSS.
Z tego względu szereg znaczników odpowiedzialna za wygląd zostałą unieważniona (są jednak interpretowane przez przeglądarki).
Znaczniki te powinny być używane jedynie do definiowania nagłówków.
Nie należy ich stosować do pogrubiania, powiększania tekstu, itp.
Nagłówki nie mogą się "w sobie zagnieżdżać".
Nie można również umieszczać w ich zasięgu innych znaczników.
Znaczniki muszą występować w odpowiedniej kolejności. Nagłówek <H2> musi być poprzedzony nagłówkiem <H1>,
podobnie <H3> nagłówkiem <H2>.
przykład:
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<title>Kontynenty</title>
</head>
<body>
<h1>Europa</h1>
<h2>Polska</h2>
<h3>Warszawa</h3>
<h4>Śródmieście</h4>
<h5>ul. Polna</h5>
</body>
</html>
Przeglądarki internetowe ignorują znak końca akapitu (naciśnięcie klawisza Enter), wielokrotne spacje, tabulatory i wyświetlają wszystko w jednej linii.
Aby tekst umieszczony na stronie był pogrupowany musi być ujęty w znaczniki paragrafu <p>..</p>.
Następujące bezpośrednio po sobie akapity są oddzielone przerwą w tekście (pustą linią).
Dzięki umieszczaniu w kolejnych akapitach treści nieco różniącej się tematycznie, strona stanie się bardziej estetyczna oraz czytelniejsza.
Aby pogrupować elementy albo wydzielić większy fragment dokumentu można wykorzystać znacznik <div>..</div>, który tworzy oddzielny blok.
Znacznik ten jest jednym z najistotniejszych obecnie, wykorzystywanych przy projektowaniu stron.
Za jego pomocą można podzielić stronę na takie bloki jak: nagłówek, panele, paski nawigacji, stopka.
przykład:
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<title>Kontynenty</title>
</head>
<body>
<h2>Podróż dookoła świata</h2>
<div>
<h3>W podróż wyruszamy w czerwcu</h3>
<h4>Pierwszy etap: Nowy Jork</h3>
</div>
<h3>Koniec podróży -> listopad</h3>
</body>
</html>
f(x)=x<sup>2</sup>-2x+1
16<sup>30</sup>
H<sub>2</sub>SO<sub>4</sub>
kod komputerowyTen tekst jest preformatowny dlatego możemy używać tabulatora, dodatkowych spacji oraz znaków końca linii.
| znak specjalny | nazwa | opis |
|---|---|---|
| & | & | znak "ampersand" |
| < | < | znak mniejszości |
| > | > | znak większości |
| § | § | znak sekcji lub paragrafu |
| ™ | ™ | zastrzeżony znak towarowy |
| © | © | znak praw autorskich |
| ® | ® | zastrzeżony znak towarowy |
| € | € | znak "euro" |
| znak twardej spacji |
Ten tekst
zostanie zignorowany
przez przeglądarkę