Dokument HTML (Hypertext Markup Language) tworzy podstawę strony internetowej, dostarczając warstwę treści. Hipertekst może być dowolny tekst, który może być wyświetlany na ekranie i zawiera linki do innego tekstu. Na przykład strony internetowe mają niezliczone dokumenty połączone ze sobą przez hiperłącze.

Język znaczników stanowi znaczenie tekstowi w dokumencie, opisując strukturę i format tego tekstu. Ponadto formatowanie i struktury tekstu dokumentu HTML jest wspierane przez znaczniki.

Jeśli chcesz zbudować własną stronę internetową, aplikację internetową lub wiesz, jak edytować inne strony internetowe i aplikacje, musisz zrozumieć, czym jest HTML? Aby służyć wyżej wymieniony cel, ten post zapewnia bogatą treść, aby uzyskać podstawy HTML.

Elementy HTML

Dokumenty HTML składają się z elementów, a element w HTML składa się z następujących obiektów:

tekst

I zdefiniuj właściwość tekstu w tych znacznikach. Na przykład tekst (Linuxhint) Napisane pomiędzy tagami

I

będzie uważany za nagłówek 1.

W przypadku akapitów można używać tagów

I

. Jednak obserwuje się, że kilka elementów HTML nie ma znaczników końcowych (lub nie zawiera żadnego tekstu w środku), jak w środku), jak w środku)
, i są określane jako pusty elementy.

Opisano tutaj niewiele powszechnie używanych elementów HTML, które służą różnej funkcjonalności w celu zbudowania strony HTML:

• Tekst nagłówka: Tagi

  ,

  ,

  …

  są używane do nagłówków tekstowych o różnych rozmiarach.

• Sekcja/dział: Sekcja lub dział jest zdefiniowany za pomocą tagu. Te podziały są również określane jako pojemniki, a pojedynczy pojemnik może zawierać wiele kontenerów.
• Ustęp: Każdy tekst napisany pomiędzy

  I

  będzie uważany za akapit.
• połączyć: Aby osadzić link w dokumencie HTML, używane są tagi Anchor ().
• Elementy listy: Tag jest praktykowany, aby wymienić elementy. Ponadto
  I
  Tagi służą do układania elementów odpowiednio na liście uporządkowanej i nieuporządkowanej.
  • Obraz: Do wstawienia obrazu jest używany znacznik.

  Atrybuty HTML

  Funkcjonalność elementów HTML można rozszerzyć za pomocą atrybutów. Atrybuty są zdefiniowane w znaczniku Start i kierują elementem HTML, aby wykonać określoną właściwość na zawartości tego znacznika. Na przykład znacznik zakotwiczenia w HTML zawiera atrybut Href który tworzy link do treści napisanej w tym znaczniku. Spróbujmy:

  Następujący znacznik kotwicy () zawiera tekst „Linuxhint”I Href atrybut utworzy link indeks.html na tym tekście.

  Dodatkowo możesz określić kilka właściwości stylizacji elementu za pomocą atrybutów. Atrybut stylu HTML może być używany do określania kolorów, stylu czcionki i rozmiaru czcionki elementu. Użytkownicy mogą ograniczyć wymiary obrazu w element za pomocą szerokość I wysokość atrybuty. klasa Atrybut elementu pozwala korzystać z właściwości klasy CSS.

  Redaktorzy HTML

  Edytor HTML odgrywa istotną rolę w opracowywaniu dokumentu HTML. Chociaż podstawy dokumentów HTML silnie polegają na elementach. Jednak elementy te są ustrukturyzowane za pomocą edytora. W tej sekcji wymieniono różne najczęściej używane redaktorów HTML:

  Kod Studio Visual

  Kod Visual Studio zapewnia szeroką gamę funkcji do edycji i redefiniowania kodu źródłowego aplikacji internetowych/chmurowych. Jest opracowywany przez Microsoft i ma dostępność open source, dlatego ma również obsługę Linux.

  Wysiwyg Web Builder

  Wysiwyg oznacza Wkapelusz You SEe IS Wkapelusz You GET, a jak sama nazwa kieruje, pokazuje dane wyjściowe w edycji w czasie wykonywania. To narzędzie obsługuje najnowszą wersję HTML5, a także niektóre poprzednie wydania.

  Sublime Text

  Za pomocą tego narzędzia możesz utworzyć dokument HTML z gotową strukturą. Po zapisaniu dowolnego wysublimowanego pliku tekstowego za pomocą .html lub .Rozszerzenie HTM otrzymasz całą strukturę strony, jak pokazano na poniższym obrazku:

  Notatnik++

  Notepad ++ to kolejny konstruktor HTML, który umożliwia skonstruowanie strony za pomocą elementów HTML. Jeśli plik notatnika ++ jest zapisany za pomocą .HTM Lub .html rozszerzenie, poprowadzi Cię do użycia prawidłowych elementów HTML.

  Ponadto dostępnych jest również kilka innych narzędzi, takich jak Handtax Loversher, Auto-Completecja, Debugowanie i sprawdzanie poprawności kodu.

  Jak opracowywane są dokumenty HTML

  Dokument HTML zawiera zdyscyplinowane elementy, aby uzyskać znaczące treści. Te elementy są ustrukturyzowane za pomocą edytora HTML. Tutaj używamy wysublimowanego tekstu 4 jako edytora HTML:

  Możesz wykonać poniższe kroki, aby skonstruować prostą stronę HTML:

  Krok 1: Otwórz Sublime Text Editor i zapisz plik za pomocą .html, .xhtml, .shtml lub.rozszerzenie HTM.

  Krok 2: Napisz w okienku edytującym tekst i naciśnij Enter. Czas, w którym trafisz Enter, zostanie domyślnie utworzona podstawowa struktura dokumentu HTML, jak pokazano poniżej:

  Powyższy obraz reprezentuje niezbędne elementy dokumentu HTML. Ponadto różne elementy i ich atrybuty upiększają interfejs strony i zaspokajają potrzeby użytkownika.

  Wniosek

  HTML to język, który oferuje formatowanie i strukturę tekstu dla strony internetowej. Ten artykuł zawiera pouczający i kompleksowy przewodnik na temat HTML. Dowiedziałeś się o blokach składowych dokumentów HTML. Ponadto podaliśmy linki do kilku narzędzi do edycji, które mogą pomóc w budowie stron HTML.