| <html lang="pl"> | Język strony |
| <title>....<title> | Tytuł |
| <meta name="description" content="O moim kanale"> | Opis strony |
| <meta name="keywords" content="...."> | Tagi |
| <link> href="style.css" rel="stylesheet" type="text/css"> | Zaimportowanie pliku CSS |
| <link href="css/fontello.css" rel="stylesheet" type="text/css"> | Zaimportowanie pliku CSS/font |
| <link href="https://fonts.googleapis.com/css?family=Lato:400,700&subset=latin-ext" rel="stylesheet"> | Zaimportowanie czcionki |
| <div class="wrapper"></div> | Klasa opakowanie całoś strony (wrapper) |
| <div class="header"></div> | Klasa header-nagłówek |
| <div class="logo"></div> | Klasa logo |
| <p> | Akapit |
| <div class="footer" Test.com © Wszelkie Prawa Zastrzeżone></div> | Klasa stopka (footer) |
| <ul style="list-style-type:square"></ul> | Lista wypunktowana kwadratowa |
| colspan="2" | Łączenie kolum poziomo |
| rowspan="2" | Łączenie kolum pionowo |
| <caption>Przykładowy opis tabeli</caption> | Opis pod tabelą |
| <th> | Nagłówek w tabeli |
| <abbr title="HyperText Markup Language">HTML</abbr> | Rozwinięcie skrótu |
| <bdo dir="rtl">Ten tekst będzie biegł od prawej do lewej.</bdo> | Tekst od prawej do lewej |
|
<blockquote cite="https://google.com"> <p>Testowy tekst</p> </blockquote> |
Cytat z odnośnikiem |
| <q>To jest przykładowy cytat</q> | Krótki w jedniej lini cytat |
| <del>Usunięty tekst</del> | Tekst usunięty (przekreślony) |
| <ins>Dodany tekst</ins> | Tekst dodany do tekstu |
| <sub></sub> | Dolny indeks |
| <sup></sup> | Górny indeks |
| <mark></mark> | Zaznaczony tekst |
| <em>...</em> | Kursywa |
| <strong> | Wytłuszczenie tekstu |
| <hr> | Pozioma linia |
| <pre> Lista kursów: Kurs HTML Kurs JavaScript Kurs CSS </pre> | Wyświetla tekst z oryginalnym formatowaniem |
