Znacznik HTML (znany również jako tag HTML lub element HTML) to składnik języka HTML, który opisuje strukturę i wygląd strony internetowej. Informacje zawarte w znacznikach są wykorzystywane zarówno do formatowania zawartości strony, jak i przez roboty wyszukiwarek, pomagając lepiej dopasować wyniki wyszukiwania do intencji użytkowników.
Co to jest znacznik HTML?
Znacznik HTML to element używany w kodzie HTML, który pozwala na opisanie i organizowanie zawartości strony. Każdy znacznik zawiera specjalny tekst między znakami „<” i „>”, co określa różne elementy strony, takie jak nagłówki, paragrafy, obrazy, linki i inne.
Budowa znacznika HTML
Znaczniki HTML składają się z dwóch głównych elementów: znacznika otwierającego i zamykającego. Przykładowo, dla pogrubienia tekstu używa się <strong> jako znacznika otwierającego i </strong> jako zamykającego. W starszych wersjach HTML wymagane było dodanie ukośnika „/” na końcu znacznika pojedynczego, ale w HTML5 już nie jest to konieczne.
Znaczniki HTML mogą również zawierać atrybuty, które określają dodatkowe właściwości elementu. Atrybuty są zapisywane wewnątrz znacznika, w formacie nazwa="wartość", np. <img src="image.jpg" alt="opis obrazu">.
Przykłąd znacznika HTML
Podział znaczników HTML
Znaczniki HTML można podzielić według kilku kryteriów:
- Lokalizacja: w sekcji
<head>lub<body>, - Znaczenie: semantyczne i niesemantyczne,
- Typ: liniowe i blokowe,
- Konstrukcja: pojedyncze i podwójne.
Podstawowe znaczniki HTML
Poniżej znajduje się lista podstawowych znaczników HTML:
<!doctype html>– deklaruje typ dokumentu.<html> ... </html>– zawiera całą treść dokumentu HTML.<head> ... </head>– sekcja nagłówkowa, gdzie umieszcza się m.in. tytuł strony oraz linki do arkuszy stylów i skryptów.<title> ... </title>– tytuł strony, widoczny na pasku przeglądarki oraz w wynikach wyszukiwania.<meta ...>– znacznik meta, przechowuje m.in. opis strony i informacje o autorze.<style> ... </style>– sekcja CSS w kodzie HTML.<script> ... </script>– umożliwia wstawienie skryptów JavaScript.<body> ... </body>– główna sekcja dokumentu zawierająca treść strony.<div> ... </div>– blokowy element strukturalny.<h1> ... </h1>do<h6> ... </h6>– nagłówki o różnych poziomach.<p> ... </p>– paragraf tekstu.<img ...>– element obrazka.<a> ... </a>– odnośnik, link do innej strony lub zasobu.<ul> ... </ul>– lista nieuporządkowana.<ol> ... </ol>– lista uporządkowana.<li> ... </li>– element listy.<table> ... </table>– tabela.<tr> ... </tr>– wiersz tabeli.<td> ... </td>– komórka tabeli.<th> ... </th>– nagłówek kolumny.<form> ... </form>– formularz, zawierający elementy interaktywne, np. pola tekstowe, przyciski.<strong> ... </strong>– semantyczne wyróżnienie ważności tekstu.<em> ... </em>– semantyczne wyróżnienie akcentujące.<span> ... </span>– element liniowy, głównie do stylowania.
Za pomocą znaczników HTML można tworzyć strukturę strony, dodawać grafiki, linki, tabele oraz inne elementy, dzięki czemu dokument HTML staje się bardziej funkcjonalny i zrozumiały zarówno dla przeglądarek, jak i użytkowników.
