Jakie są podstawowe kody HTML?
Kilka stron internetowych znajduje się na stronie internetowej, takich jak strona główna, strona kontaktowa i strona. Język HTML służy do tworzenia tych stron. Strony są ustrukturyzowane, a ich zawartość jest określona za pomocą HTML. W zawartości strony internetowej istnieje kilka elementów, w tym nagłówki, akapity, przyciski i linki.
W tym podręczniku poznamy podstawowe kody HTML. A więc zacznijmy!
Jakie są podstawowe kody HTML?
HTML opiera się na różnych znacznikach, takich jak , ,
i wiele więcej. Te tagi są zwykle zamknięte w nawiasach kątowych, wskazując na początek elementu HTML.
Poniższe tagi zostaną teraz omówione bardziej szczegółowo:
Zacznijmy od pierwszego.
W HTML5 „The””Tag pojawia się na samym początku dokumentu. Przeglądarka wykorzystuje go do znalezienia wersji HTML. Mówiąc dokładniej, mówi przeglądarce, w jakiej wersji HTML dokument jest napisany:
etykietka
Typy dokumentów są zdefiniowane przez znacznik początkowa. Aby utworzyć dokument HTML, „”Tag jest używany. Wszystkie inne elementy HTML, takie jak „głowa" I "ciało”, Są napisane między„" I "„Tagi:
etykietka
Tag główny HTML określa informacje związane z dokumentem w głowie dokumentu. Zawiera inne elementy głowy, takie jak ,, i:
etykietka
W dokumencie HTML, aby wykorzystać styl inline, „”Tag jest używany. Właściwości stylu zdefiniowane wewnątrz znacznika określają, jak będzie wyglądać dokument. Na przykład styl zdefiniowany w podświetlonej sekcji ma zastosowanie tylko w dokumencie:
etykietka
„„”Tag określa, jaki typ treści jest dodawany na stronie, w tym nagłówki, akapity, linki, przyciski, obrazy i inne. Każdy dokument HTML potrzebuje tego znacznika i powinien go używać tylko raz:
Tag nagłówka
Nagłówek jest pierwszą częścią każdego dokumentu. Istnieją różne rozmiar czcionki, których można użyć do nagłówków, w tym
,
,
,
, , I . Po wyświetleniu nagłówka przeglądarka dodaje jedną linię wcześniej i jeden po.
. Po wyświetleniu nagłówka przeglądarka dodaje jedną linię wcześniej i jeden po.
Przykład 1: etykietka
Tutaj dodamy najwyższy poziom na kierunku za pomocą „”Tag:
To jest nagłówek 1
Możesz zobaczyć, że nagłówek jest dodawany do strony internetowej:
Przykład 2: etykietka
Teraz dodamy dwa nagłówki za pomocą
I
Tagi, aby zobaczyć różnicę między obojgiem:
To jest nagłówek 1
To jest nagłówek 2
Można zauważyć, że oba nagłówki różnicują się pod względem wielkości czcionki:
etykietka
Akapity można zdefiniować na stronie internetowej za pomocą HTML ””Tag.
Tagi wskazują na początek nowego akapitu w HTML. Pusta linia jest dodawana do każdego akapitu na początku lub na końcu przez przeglądarkę.
Przykład
Tutaj użyjemy „ To jest akapit W poniższym wyjściu akapit jest dodawany do tej samej strony internetowej: etykietka Tag HTML Div służy do dodania elementów HTML razem. Tagi mają określone role. Na przykład Tag wskazuje akapity, H1 do H6 reprezentuje nagłówki, ale znacznik DIV określa sekcje w dokumentach HTML. Elementy HTML są zwykle grupowane razem za pomocą znacznika DIV, aby style CSS można zastosować do wielu z nich jednocześnie. Przykład Tutaj dodamy div za pomocą „”Tag. Następnie dodamy nagłówek za pomocą etykietka: Div akapit Wyjście etykietka „„„Tag jest używany do przerw linowych; Wszystko, co następuje, zaczyna się z następnej linii. W miejscu, w którym dodasz tag, następne elementy internetowe zostaną przeniesione do nowej linii strony internetowej. Przykład Tutaj dodamy „„Tag w instrukcji DIV, po słowie„A”: Na poniższym obrazie widać, że po słowie jest przerwa linii „A”: etykietka „„”Tag służy do uzyskania danych wejściowych od użytkownika. HTML pozwala użytkownikowi określić pole wejściowe, w którym można wprowadzić dane. Może mieć różne typy w zależności od ich atrybutów, takich jak pola tekstowe, pola wyboru, przyciski opcji i wiele innych. Przykład Teraz utworzymy pole wyboru, używając ””Tag i ustaw typ wejścia jako„pole wyboru”: Za pomocą powyższego kodu widać, że pole wyboru jest pomyślnie dodane: etykietka „„”Tag służy do ustawienia podpisu elementu. Jest dodawany do elementów formularza, takich jak pole tekstowe, pole e -mail, pole hasła lub pole wyboru, aby podać powiązane informacje. Przykład Ustaw etykietę po polu wyboru za pomocą „„Oznacz i określ tekst etykiety: Oto wynik, który pokazuje, że etykieta reprezentuje pole wyboru: Otóż to! Wyjaśniliśmy szczegółowo tag podstawowy HTML. Wniosek Aby utworzyć dokument HTML i dodać do niego elementy, istnieją różne tagi, które są używane, takie jak , , , , i wiele więcej. W tym artykule wyjaśniliśmy wszystkie te tagi i podaliśmy przykłady każdego znacznika dla lepszego zrozumienia.
…
i akapit za pomocą
…To jest div
…
To jest div
…
…
,