HTML5 wprowadził „”Tag, który można wykorzystać do reprezentowania określonego samodzielnego komponentu w dowolnym dokumencie, aplikacji lub stronie. Ten komponent HTML może być wielokrotnego użytku i dystrybucyjny, na przykład w forum, magazyn, post na blogu i nie tylko.

To badanie nauczy Cię o znaczniku HTML. Więc chodźmy!

Co to jest tag HTML?

Element i element działają podobnie pod względem funkcjonalności, stylizacji i wyświetlania. Jednak znacznik w dokumencie zawiera więcej informacji semantycznych dla wyszukiwarek i czytników ekranu. Ponadto plik HTML zawiera wiele tagów, które można zagnieżdżić.

Jak używać znacznika HTML?

Aby użyć znacznika HTML, postępuj zgodnie z poniżej podaną składnią:

Tutaj, "”To tag początkowy i„”To końcowy tag.

Przejrzyjmy przykład wykazania użycia tagu.

Przykład: za pomocą znacznika w HTML

W HTML najpierw dodaj tag z klasą o nazwie „All-Os”I

na nagłówek. Następnie dodaj kolejny tag z klasą o nazwie „OS". Wewnątrz tego znacznika określ

na nagłówek i

za akapit. Następnie dołącz dwa zagnieżdżone tagi

I

tagi w następujący sposób:

Najpopularniejsze systemy operacyjne

Okna

Windows to grupa wielu zastrzeżonych graficznych systemów operacyjnych. Jest opracowywany i sprzedawany przez Microsoft.

Linux

Linux to system operacyjny open source oparty na jądrze Linux. Zazwyczaj jest pakowany jako rozkład Linuksa.

System operacyjny Mac

MacOS to system operacyjny UNIX opracowany i sprzedawany przez Apple Inc. Jest znany jako główny system operacyjny dla komputerów MAC Apple.

Następna sekcja opisuje style CSS zastosowane do wyżej wymienionych elementów HTML.

Style All-Os div

.All-Os
Margines: 0;
Wyściółka: 5px;
kolor tła: RGB (155, 155, 155);

Div z nazwą klasy „All-Os”Jest tak stylizowany:

• • ".all_os”Służy do uzyskania dostępu do powiązanych .
  • "margines„Własność jest wykorzystywana do dodawania przestrzeni wokół elementu DIV.
  • "wyściółka„Właściwość dodaje miejsce wokół zawartości elementu DIV.
  • "kolor tła”Jest ustawiony na zastosowanie koloru tła elementu DIV.

Style OS Div

.OS
Margines: 10px;
Wyściółka: 5px;
Tło: White;

Zastosuj style do następnego nazwanego „OS". Opis właściwości podano poniżej:

• • ".OS„Dostęp do nazwy OS.
  • "margines„Własność dodaje przestrzeń 10px wokół Div.
  • "wyściółka„Właściwość dodaje przestrzeń 5px wokół zawartości elementu DIV.
  • "kolor tła”Właściwość ustawia kolor tła elementu div.

Po dostarczeniu właściwości stylizacji CSS do powyższych tagów, akapit jest stylizowany przez ustawianie właściwości, jak wspomniano poniżej.

Styl Element P

P
Margines: 3px;
Rozmiar czcionki: 15px;

Do następujących właściwości są stosowane do

element:

• • "margines”Właściwość dodaje przestrzeń 3Px wokół treści elementu.
  • "rozmiar czcionki”Właściwość ustawia rozmiar czcionki tekstowej jako 15px.

Zapisz dodany kod i otwórz plik w przeglądarce. Wynik zostanie wyświetlony, jak pokazano poniżej:

Powyższy dokument może mieć wiele artykułów, a wyjaśnienie związane z każdym systemem operacyjnym jest zawarte w znaczniku. Ponadto jeden artykuł jest wyświetlany jeden po drugim jako przewijanie ekranu.

W ten sposób możemy tworzyć posty na blogu, posty na forum i dokumenty podobne do magazynu za pomocą tagu HTML.

Wniosek

Jak wiemy, pisarze lub blogerzy artykułów piszą dokument, pamiętając o podstawowej koncepcji tematu. Podobnie w HTML znaczniki są używane do wspomniania o zawartości, która jest w pełni zawarta i niezależna. Ponadto w pliku HTML może być jeden lub więcej tagów. To badanie wyjaśniło z przykładem użycie tagu.