Najnowsze tutoriale tworzenie stron internetowych

HTML Wprowadzenie


Co to jest HTML?

HTML jest językiem znaczników do opisywania dokumentów internetowych (web pages) .

  • Stoi HTML Hyper Text Markup Language
  • Język znaczników jest zbiorem markup tags
  • Dokumenty HTML są opisane przez HTML tags
  • Każdy znacznik HTML describes inną treść dokumentu

Przykład HTML

Niewielka dokument HTML:

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>
Spróbuj sam "

Przykład Poradnik

  • DOCTYPE deklaracja określa typ dokument do HTML
  • Tekst pomiędzy <html> i </html> opisuje dokument HTML
  • Tekst pomiędzy <head> i </head> zawiera informacje o dokumencie
  • Tekst pomiędzy <title> i </title> zapewnia tytuł dokumentu
  • Tekst pomiędzy <body> i </body> opisuje zawartość strony widocznej
  • Tekst pomiędzy <h1> i </h1> opisuje nagłówek
  • Tekst między <p> i </p> opisuje paragraf

Korzystanie z tego opisu, przeglądarka może wyświetlić dokument z nagłówkiem i akapitu.


Tagi HTML

Znaczniki HTML są słowa kluczowe (tag names) otoczonych angle brackets :

<tagname>content</tagname>
  • Znaczniki HTML normalnie przyjść in pairs jak <p> i </p>
  • Pierwszy znacznik w parze jest start tag, drugi znacznik jest end tag
  • Znacznik końcowy jest napisane jak znacznika początkowego, ale z kreską przed nazwą znacznika

Znacznik początkowy jest często nazywany opening tag . Znacznik końcowy jest często nazywany closing tag .


Przeglądarki internetowe

Celem przeglądarce internetowej (Chrome, IE, Firefox, Safari) jest czytanie dokumentów HTML i wyświetlać je.

Przeglądarka nie wyświetla tagi HTML, ale wykorzystuje je w celu określenia sposobu wyświetlania dokumentu:

Wyświetl w przeglądarce


Struktura strony HTML

Poniżej znajduje się wizualizacja struktury strony HTML:

<html>
<head>
<title> Tytuł strony </title>
</head>
<body>
<h1> To jest nagłówek </h1>
<p> To jest akapit. </p>
<p> Jest to kolejny akapit. </p>
</body>
</html>

Tylko <body> obszar (the white area) jest wyświetlany przez przeglądarkę.


<!DOCTYPE> Oświadczenie

<!DOCTYPE> deklaracja pomaga przeglądarkę, aby poprawnie wyświetlić stronę internetową.

Istnieją różne typy dokumentów w sieci.

Aby wyświetlić dokument prawidłowo, przeglądarka musi znać zarówno rodzaj i wersję.

Deklaracji DOCTYPE nie jest uwzględniana wielkość liter. Wszystkie przypadki są dopuszczalne:

<!DOCTYPE html>

<!DOCTYPE HTML>

<!doctype html>

<!Doctype Html>

wspólne Deklaracje

HTML5

<!DOCTYPE html>

HTML 4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

XHTML 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Wszystkie ćwiczenia i przykłady w w3ii używać HTML5.


wersje HTML

Od pierwszych dni w internecie pojawiło się wiele wersji HTML:

Wersja Rok
HTML 1991
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 2000
HTML5 2014