HTML jest znany jako język znaczników hipertext. Jest powszechnie używany w aplikacjach internetowych do ustawiania swoich struktur frontowych. Jest to prosty i przyjazny dla użytkownika język programowania. Zawiera zestaw elementów, a elementy te są oparte na znacznikach.

W tym języku każdy znacznik zawiera dwie podstawowe rzeczy: jedna to znacznik otwierający ze znakiem wspornika kątowego "<” a drugi to znacznik końcowy z znakiem wspornika kąta zamykania „>”. HTML używa różnych tagów dla różnych struktur treści, takich jak tabele, listy, obrazy na stronie internetowej itp. W tym artykule dowiemy się o niektórych podstawowych i ważnych znacznikach HTML z niektórymi przykładami kodu.

Składnia znacznika HTML

mam zwierzaka.

W poniższej sekcji zbadamy więcej o strukturze elementu HTML.

Element oparty jest na następujących części:

Tag otwierający: Zawiera nazwę elementu, który jest owinięty w otwieranie i zamykanie nawiasów kątowych. Wskazuje otwarcie znacznika, na przykład w powyższym przykładzie jest tagiem otwierającym.

Zamknięcie: Jest taki sam jak znacznik otwierający na końcu treści; Zawiera jednak ukośnik do przodu na początku znacznika zamykającego, takiego jak . Pokazuje, że element jest tutaj zakończony.

Treść: Treść to tekst między tagami otwierającymi i zamykającymi. Na przykład w powyższym przykładzie: „Mam zwierzaka.”To zawartość między znacznikami.

Element: Element to zbiór treści i tagów. Na powyższej figurze wszystko razem tworzą element.

Gniazdowanie elementów/ tagów

W HTML możemy użyć zagnieżdżonych lub wielu znaczników w jednym elemencie. Na przykład, jeśli chcę podkreślić słowo z instrukcji, mogę użyć znacznika w innym znaczniku, a to zjawisko jest znane jako tagi gniazdowe. Spójrz na następujący przykład.

mam kot zwierzak domowy.

W danym przykładzie użyliśmy zagnieżdżonych tagów, aby podkreślić określone słowo "kot". Jednak gdy używasz zagnieżdżonych tagów, upewnij się, że poprawnie zamykasz tagi. W tym przykładzie najpierw otwieramy tag akapitu

a następnie rozpocznij nowy tag , Zgodnie z tym powinieneś zamknąć tag najpierw i po tym zamknięcie pierwszego akapitu

etykietka.

Puste elementy

W HTML niektóre elementy mogą być używane bez żadnej treści, a te elementy nie wymagają znacznika zamykającego, takiego jak znacznik obrazu. Spójrz na podany przykład, aby uzyskać lepsze zrozumienie.

Przykład

Ten znacznik zawiera dwa atrybuty „SRC” I „Alt”; Jednak nie ma zawartości wewnętrznej i znacznika zamykania. Celem tego znacznika jest wstawienie obrazu na stronie HTML.

Obowiązkowe tagi HTML

Niektóre podstawowe znaczniki HTML podano w postaci kodu poniżej.

Przykład

Treść dokumentu.

Opis tego przykładu podano poniżej:

: Definiuje rodzaj dokumentu.

: Definiuje, że dokument jest oparty na HTML.

: Zawiera metadane zdefiniowanego dokumentu.

: Ten znacznik określa tytuł dokumentu HTML.

: Definiuje to, że korpus dokumentu zaczyna się stąd, który zawiera zawartość dokumentu.

Wszystkie powyższe znaczniki są podstawowymi tagami HTML, które są niezbędne do uruchomienia dokumentu HTML. Ponadto istnieje lista innych tagów HTML.

Lista podstawowych tagów w HTML

Niektóre z najczęściej używanych podstawowych tagów są wymienione poniżej:

: Jest to znacznik kotwicy używany do dodania linku w dokumencie HTML do nawigacji z jednej strony na drugą.

: Służy do definiowania akapitów w HTML.

Do

: Te tagi służą do tworzenia różnych nagłówków w HTML.

: Jest używany do przerwy na linii.

: Ten znacznik służy do wyróżnienia określonego tekstu z wiersza lub akapitu.

: Jest używany do tekstu kursywnego.

: Jest używany do podziału dokumentów.

: Ten tag jest używany do tworzenia listy.

: Ten znacznik służy do scalania obrazu w pliku HTML.

: Służy do podkreślenia tekstu.

Wniosek

HTML używa różnych znaczników dla różnych struktur treści, takich jak struktura tabeli, lista punktów pocisków, aby ustawić obraz na stronie internetowej itp. Ten post wyjaśnia podstawowe znaczniki HTML, które są używane do struktury dokumentu HTML, w którym każdy znacznik zaczyna się od znaku otwierającego "<” i kończy się znakiem zamykania „>”. Wszystkie podstawowe znaczniki są zdefiniowane w tym samouczku z prostymi przykładami kodu.