Jak pracować z etykietami pustymi i kontenerowymi w HTML

Jak pracować z etykietami pustymi i kontenerowymi w HTML

Język znaczników hipertekstów znany również jako HTML, służy do tworzenia aplikacji internetowych. Tagi HTML, powszechnie znane jako elementy, są najważniejszym aspektem języka HTML. Tagi HTML osadzone i wyświetlane treści lub informacje na stronach internetowych. Istnieją dwa rodzaje tagów HTML: puste i tagi kontenerowe.

Ten blog będzie kierował, jak pracować z tagami pustymi i kontenerami w HTML.

Puste tagi

Puste znaczniki są również znane jako „singel" Lub "próżnia”Tagi. Tag void nigdy nie zawiera żadnej zawartości, ale atrybuty można określić. Te tagi nie mają znacznika końcowego i mogą zawierać odwrotność w znaczniku. Przykłady pustych tagów to „
", "", "", "", "", "", "", i wiele więcej.

Składnia

Składnia wspomnienia o elementach pustki w HTML jest następująca:

Aby zobaczyć, jak pracować z pustymi tagami, sprawdź poniższy przykład. „„
„Tag jest znany jako tag linii i służy do przełamania linii:

HTML puste znaczniki
Tag liniowy

Wyjście wskazuje, że „
„Tag przełamał linię:

Możemy dodać właściwości stylizacji CSS do tagów HTML. „„


„Tag to kolejny pusty element, który dodaje linię poziomą do strony:

HTML puste znaczniki


Tag liniowy

„„Top graniczny„Nieruchomość CSS jest stosowana do„


”Z trzema wartościami jeden to szerokość graniczna, która jest równa„3px”, Styl graniczny jest ustawiony jako„przeszyty”I kolor graniczny.

Wyjście

Do tej pory omówiliśmy puste tagi HTML. Teraz przejdziemy przez znaczniki kontenerów HTML w następnej sekcji.

Tagi kontenera

Tagi kontenera HTML składają się z trzech części: tagów początkowego, treści i tagów końcowych. Składnia znacznika kontenera HTML jest podana następująco:

Treść

Sprawdź poniższe przykłady, aby dowiedzieć się, jak działa znacznik kontenera w HTML.

Przykład 1: Jak dodać akapit w HTML?

„„

To jest tag akapitu

Wyjście

Przykład 2: Jak dodać nagłówki w HTML?

Istnieje sześć poziomów znaczników kontenerowych, których można użyć do dodawania nagłówków do strony internetowej. Umieśćmy je w dokumencie HTML, aby zobaczyć, jak działają i patrzeć na stronie internetowej:

Linuxhint


Linuxhint


Linuxhint


Linuxhint


Linuxhint

Linuxhint

Wyjście

Możemy dostarczyć stylizację wbudowaną tym tagi. Rozważ poniższy przykład, który pokazuje, jak zastosować różne właściwości stylizacji CSS do tych tagów:

Linuxhint


Linuxhint


Linuxhint


Linuxhint


Linuxhint

Linuxhint

Oto wyjaśnienie wyżej wymienionych nieruchomości:

  • „„kolor tła„Właściwość dodaje kolor do tła elementu.
  • "rodzina czcionek„Właściwość dostosowuje styl czcionki elementu.
  • "tekst-align„Właściwość dostosowuje umieszczenie lub wyrównanie tekstu.

Wyjście

Pokazaliśmy, jak używać pustych i kontenerowych tagów HTML.

Wniosek

Puste znaczniki i tagi kontenerowe to główne elementy dokumentów HTML, które osadzają treść i informacje na stronie internetowej. Puste znaczniki nie zawierają żadnej zawartości i składają się tylko z znacznika start z odwrotną oprawą na końcu, na przykład
. Jednak znaczniki kontenerów zawierają znaczniki początkowe i końcowe wraz z zawartością. Ten blog opracował działanie elementów pustych i kontenerowych w HTML.