Plik HTML składa się z trzech głównych nagłówków, nadwozia i stopki. Wewnątrz tych elementów możesz dodać inne elementy jako elementy zagnieżdżone, takie jak akapity, obrazy, nagłówki, etykiety i inne. Ponadto HTML pozwala nam również korzystać z kodu wykonywalnego w IT za pomocą elementów skryptu.

W tym podręczniku wyjaśnimy, jaki html ”„Tag jest i jak go używać. Więc chodźmy!

Co to jest tag HTML?

Tag HTML służy do osadzania kodu po stronie klienta do HTML, takiego jak JavaScript. Ten znacznik jest wykorzystywany do dostępu do dodanych elementów HTM, takich jak obrazy i pola wejściowe do wykonywania różnych operacji, takich jak manipulacja obrazem, sprawdzanie poprawności formularza itp.

Jak używać znacznika HTML?

Istnieją dwa sposoby zdefiniowania znacznika HTML:

• Do osadzania kodu skryptu w HTML
• Aby połączyć zewnętrzny plik JavaScript

Najpierw sprawdźmy składnię elementu skryptu.

Składnia

W powyższej składni „”To tag początkowy i„”To znacznik końcowy elementu skryptu HTML. Pomiędzy tagami początkowymi i końcowymi dodaj kod, który chcesz wykonać.

Następna sekcja opisuje, jak osadzić kod JavaScript w HTML za pomocą znacznika skryptu.

Jak osadzić skrypt w HTML?

Jeśli masz kilka wierszy kodu w pliku HTML i musisz wykonać jakiś kod JavaScript specyficzny dla dodanych elementów.

Krok 1: Utwórz plik HTML

W poniżej podanym bloku kodu:

• Umieściliśmy klasę DIV o nazwie „główny„Wewnątrz elementu ciała.
• W tej div nagłówek jest umieszczany za pomocą

  etykietka.

• Następnie funkcja o nazwie „pokazywać()”Jest zdefiniowane, które wyświetli pole alertu na ekranie.

Html

Wewnętrzny JavaScript

SKŁADAĆ

Krok 2: Style Main Div

Stylmy główną div:

• Pierwszy, ".główny”Jest wykorzystywany do dostępu do klasy głównej.
• Wyrównał tekst w centrum, określając jego wartość jako „Centrum".
• "wysokość”Jest ustawiony jako„200px".
• "kolor tła”Jest ustawiony jako„#E5989b".
• "margines”Jest ustawiony jako„automatyczny„Aby wyśrodkować element w jego kontenerze poziomo.

CSS

.główny
Text-Align: Center;
Wysokość: 200px;
kolor tła: #e5989b;
Margines: Auto;

Można zauważyć, że naciśnięcie dodanego przycisku wykonało kod dodany w znaczniku skryptu:

Jak dodać link do zewnętrznego kodu skryptu?

Jeśli kod JavaScript związany z twoją witryną jest obszerny, idealnie jest dodać go do zewnętrznego pliku JavaScript, aby zmniejszyć złożoność kodu.

Aby uzyskać praktyczny przykład, utworzymy zewnętrzny plik JavaScript o nazwie „przykład.JS”I plik HTML. Aby połączyć plik JavaScript z HTML, określ ścieżkę pliku JavaScript w znaczniku jako wartość „src" atrybut:

Zewnętrzny JavaScript

JavaScript

W pliku JavaScript dodaj kod zgodnie z preferencjami, ponieważ chcemy wydrukować tylko następującą wiadomość na konsoli:

konsola.Log („Witamy w Linuxhint!");

Wyjście wyżej opisanego kodu można zobaczyć poniżej:

Opracowaliśmy niezbędne informacje związane z znacznikiem skryptu HTML.

Wniosek

W HTML „The””Tag osadza kod po stronie klienta, na przykład w JavaScript. Często musimy umieszczać dynamiczną treść, manipulację obrazem lub sprawdzanie poprawności formularzy na naszej stronie internetowej. Aby wykonać te zadania, użyj znacznika skryptu, aby osadzić ten kod wewnętrznie lub zewnętrznie. W tym podręczniku wyjaśniliśmy, co to jest tag, jego składnia i niektóre praktyczne przykłady łączenia kodu JavaScript osadzania.