Co to jest HTML - hipertekstowy język znaczników, co oznacza, jaka jest definicja pojęcia w słowniku
HTML to skrót od HyperText Markup Language, czyli hipertekstowy język znaczników, który wykorzystuje się do tworzenia stron internetowych. Odpowiada on za to, jak ostatecznie dana treść zaprezentuje się w przeglądarce internetowej.
Pojęcie HyperText Markup Language można rozbić na dwie części – HyperText (hipertekstowy) oznacza tekst, po kliknięciu którego użytkownik zostaje przeniesiony do innych informacji oraz Markup Language (język znaczników), czyli rodzaj języka wykorzystujący znaczniki zwane również tagami, które pozwalają zmieniać strukturę tekstu na stronie.
Język HTML pozwala dodawać do tekstu takie elementy jak: nagłówki, listy, akapity, wyróżnienia, pliki graficzne czy hiperłącza.
Aktualnie obowiązują 2 wersje języka HTML – HTML 4.01 oraz HTML 5.
Z czego składa się HTML?
Znaczniki HTML (tagi) można podzielić na znaczniki otwierające np. <strong> oraz znaczniki zamykające </strong>
W tabeli przedstawiono przykładowe elementy HTML.
| Znacznik początkowy | Treść | Znacznik końcowy |
| <h1> | Nagłówek 1 | </h1> |
| <p> | Paragraf | </p> |
| <br> (pusty element HTML) | - | - |
Uwaga: Tag <br> to pusty element, ponieważ nie posiada treści oraz tagu końcowego.
Aby dostosować zachowanie lub wygląd elementów na stronie internetowej, korzysta się z następujących atrybutów HTML:
- atrybut “class”,
- atrybut “id”,
- atrybut “src”,
- atrybut “href”,
- atrybut “alt”,
- atrybut “width” i “height”,
- atrybut “disabled”,
- atrybut “required”,
- atrybut “title”.
Przykłady HTML – 5 fragmentów kodu
W tabeli przedstawiono 5 przykładowych prostych fragmentów kodu HTML.
| Przykład | Kod HTML |
| Paragraf | <p>To jest przykładowy paragraf tekstu.</p> |
| Nagłówek | <h1>To jest nagłówek pierwszego poziomu</h1> |
| Lista nieuporządkowana | <ul> <li>Pierwszy element listy</li> <li>Drugi element listy</li> <li>Trzeci element listy</li> </ul> |
| Link | <a href="https://www.example.com">Przykładowy link</a> |
| Tabela | <table> <tr> <th>Imię</th> <th>Nazwisko</th> </tr> <tr> <td>Jan</td> <td>Kowalski</td> </tr> <tr> <td>Anna</td> <td>Nowak</td> </tr> </table> |
Dlaczego HTML jest ważny dla internetu? 6 korzyści
HTML i jego zaawansowane funkcje są przydatne dla użytkowników z wielu powodów. Wymienia się 6 głównych korzyści wynikających ze standardowego języka znaczników.
- Odczytywanie i lepsze zrozumienie danych na stronie internetowej (analityka danych, takich jak sekcja, treści oraz pozostałe elementy).
- Przeglądanie i indeksowanie przez wyszukiwarki.
- Wizualizacja treści.
- Projektowanie stron internetowych z interaktywnymi elementami.
- Obsługa multimediów i aplikacji internetowych.
- Kompatybilność z różnymi przeglądarkami internetowymi.
Samouczek HTML – lista bezpłatnych tutoriali
W nauce tworzenia stron internetowych konieczna jest wiedza z obszaru języka programowania, którą można nabyć poprzez oglądanie bezpłatnych tutoriali HTML.
Poniżej przygotowano listę darmowych kursów HTML dla początkujących oraz bardziej zaawansowanych użytkowników:
- Codecademy HTML Course,
- Mozilla Developer Network (MDN) HTML Guide,
- W3Schools HTML Tutorial,
- Coursera HTML, CSS, and JavaScript for Web Developers,
- edX HTML and HTML5 Fundamentals,
- CodePen,
- GitHub Learning Lab,
- SoloLearn HTML Fundamentals,
- FreeCodeCamp.
Sprawdź również: co to jest mapa HTML, co to jest sekcja HEAD
Sprawdź na blogu:
Definicja pojęcia HTML - hipertekstowy język znaczników
w słowniku otrzymała ocenę
5 / 5 według 10 opinii
