HTML: podstawowe znaczniki i struktura strony

1.HTML

Język znaczników służący do opisywania struktury strony internetowej. Określa, jakie elementy znajdują się na stronie, np. nagłówki, akapity, listy, obrazy czy odsyłacze.

2.Znacznik

Element składni HTML zapisany w nawiasach ostrokątnych, np. <p> lub <h1>. Zwykle występuje jako znacznik otwierający i zamykający, między którymi znajduje się treść.

3.Atrybut

Dodatkowa informacja zapisywana w znaczniku, np. href w linku albo src w obrazie. Atrybuty rozszerzają działanie elementu i określają jego właściwości.

4.<!DOCTYPE html>

Deklaracja informująca przeglądarkę, że dokument jest zapisany w standardzie HTML5. Umieszcza się ją na początku pliku.

5.<html>

Główny element dokumentu HTML, który obejmuje całą zawartość strony: zarówno część techniczną <head>, jak i widoczną dla użytkownika część <body>.

6.<head>

Sekcja zawierająca informacje o dokumencie, które zwykle nie są wyświetlane jako treść strony, np. tytuł karty, kodowanie znaków czy odwołania do stylów.

7.<title>

Znacznik umieszczany w sekcji <head>, określający tytuł strony widoczny na karcie przeglądarki i w wynikach wyszukiwania.

8.<body>

Część dokumentu HTML zawierająca właściwą treść strony widoczną dla użytkownika, np. tekst, nagłówki, obrazy, listy, tabele i formularze.

9.Nagłówki <h1>-<h6>

Znaczniki służące do oznaczania tytułów i śródtytułów. <h1> ma najwyższy poziom ważności, a <h6> najniższy.

10.<p>

Znacznik akapitu. Służy do zapisywania dłuższych fragmentów tekstu jako oddzielnych jednostek treści.

11.<a>

Znacznik odsyłacza, czyli linku. Najczęściej używa atrybutu href, który wskazuje adres strony lub pliku, do którego prowadzi odnośnik.

12.<img>

Znacznik wstawiający obraz. Korzysta m.in. z atrybutu src określającego źródło pliku oraz alt, który opisuje obraz, gdy nie może zostać wyświetlony.

13.Lista uporządkowana i nieuporządkowana

Lista uporządkowana <ol> tworzy elementy numerowane, a lista nieuporządkowana <ul> - punktowane. Pojedyncze elementy obu list zapisuje się w <li>.

14.Tabela HTML

Struktura do przedstawiania danych w wierszach i kolumnach. Podstawowe znaczniki to <table>, <tr> dla wiersza, <td> dla komórki i <th> dla komórki nagłówkowej.

15.Formularz

Zestaw pól umożliwiających użytkownikowi wprowadzanie danych. Tworzy się go znacznikiem <form>, a pola np. za pomocą <input>, <textarea> i przycisków.

16.Semantyczne znaczniki HTML5

Znaczniki opisujące rolę części strony, np. <header>, <nav>, <main>, <section>, <article>, <footer>. Ułatwiają zrozumienie struktury dokumentu.