HTML - przegląd

HTML oznacza Hypertwew Markup Language i jest to najczęściej używany język do tworzenia stron internetowych.

Hypertextodnosi się do sposobu, w jaki strony internetowe (dokumenty HTML) są ze sobą połączone. W związku z tym łącze dostępne na stronie internetowej nosi nazwę hipertekstu.
Jak sama nazwa wskazuje, HTML to plik Markup Language co oznacza, że używasz HTML do „zaznaczania” dokumentu tekstowego za pomocą tagów, które informują przeglądarkę internetową, jak zorganizować jego wyświetlanie.

Pierwotnie HTML został opracowany z zamiarem zdefiniowania struktury dokumentów, takich jak nagłówki, akapity, listy itd., Aby ułatwić wymianę informacji naukowych między badaczami.

Obecnie HTML jest powszechnie używany do formatowania stron internetowych za pomocą różnych tagów dostępnych w języku HTML.

Podstawowy dokument HTML

W najprostszej formie poniżej znajduje się przykład dokumentu HTML -

<!DOCTYPE html>
<html>

   <head>
      <title>This is document title</title>
   </head>
	
   <body>
      <h1>This is a heading</h1>
      <p>Document content goes here.....</p>
   </body>
	
</html>

Tagi HTML

Jak powiedziano wcześniej, HTML jest językiem znaczników i wykorzystuje różne znaczniki do formatowania treści. Te znaczniki są zawarte w nawiasach kątowych<Tag Name>. Z wyjątkiem kilku tagów, większość tagów ma odpowiadające im znaczniki zamykające. Na przykład,<html> ma swój tag zamykający </html> i <body> tag ma swój tag zamykający </body> tag itp.

Powyższy przykład dokumentu HTML używa następujących tagów -

Sr.No	Tag i opis
1	<!DOCTYPE...> Ten tag określa typ dokumentu i wersję HTML.
2	<html> Ten znacznik obejmuje cały dokument HTML i składa się głównie z nagłówka dokumentu, który jest reprezentowany przez <head> ... </head> i treść dokumentu, która jest reprezentowana przez znaczniki <body> ... </body>.
3	<head> Ten tag reprezentuje nagłówek dokumentu, który może przechowywać inne tagi HTML, takie jak <title>, <link> itp.
4	<title> Znacznik <title> jest używany wewnątrz tagu <head>, aby wspomnieć o tytule dokumentu.
5	<body> Ten tag reprezentuje treść dokumentu, która przechowuje inne tagi HTML, takie jak <h1>, <div>, <p> itp.
6	<h1> Ten tag reprezentuje nagłówek.
7	<p> Ten tag reprezentuje akapit.

Aby nauczyć się HTML, musisz przestudiować różne tagi i zrozumieć, jak zachowują się podczas formatowania dokumentu tekstowego. Nauka języka HTML jest prosta, ponieważ użytkownicy muszą nauczyć się używania różnych tagów, aby sformatować tekst lub obrazy, aby stworzyć piękną stronę internetową.

World Wide Web Consortium (W3C) zaleca używanie małych liter, zaczynając od HTML 4.

Struktura dokumentu HTML

Typowy dokument HTML będzie miał następującą strukturę -

<html>
   
   <head>
      Document header related tags
   </head>
   
   <body>
      Document body related tags
   </body>
   
</html>

W kolejnych rozdziałach przestudiujemy wszystkie tagi nagłówka i treści, ale na razie zobaczmy, czym jest tag deklaracji dokumentu.

Deklaracja <! DOCTYPE>

Znacznik deklaracji <! DOCTYPE> jest używany przez przeglądarkę internetową do zrozumienia wersji kodu HTML użytego w dokumencie. Obecna wersja HTML to 5 i wykorzystuje następującą deklarację -

<!DOCTYPE html>

Istnieje wiele innych typów deklaracji, których można użyć w dokumencie HTML, w zależności od używanej wersji HTML. Więcej szczegółów na ten temat zobaczymy, omawiając tag <! DOCTYPE ...> wraz z innymi tagami HTML.