Wprowadzenie do HTML
HTML to standardowy język znaczników do tworzenia stron internetowych.
Co to jest HTML?
- HTML oznacza Hyper Text Markup Language
- HTML to standardowy język znaczników do tworzenia stron internetowych
- HTML opisuje strukturę strony internetowej
- HTML składa się z szeregu elementów
- Elementy HTML informują przeglądarkę, jak wyświetlać zawartość
- Elementy HTML oznaczają fragmenty treści, takie jak „to jest nagłówek”, „to jest akapit”, „to jest link” itp.
Prosty dokument HTML
Przykład
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Przykład wyjaśniony
- Deklaracja
<!DOCTYPE html>określa, że ten dokument jest dokumentem HTML5 - Element
<html>jest głównym elementem strony HTML - Element
<head>zawiera metainformacje o stronie HTML - Element
<title>określa tytuł strony HTML (który jest wyświetlany na pasku tytułu przeglądarki lub na karcie strony) - Element
<body>definiuje treść dokumentu i jest pojemnikiem na całą widoczną zawartość, taką jak nagłówki, akapity, obrazy, hiperłącza, tabele, listy itp. - Element
<h1>definiuje duży nagłówek - Element
<p>definiuje akapit
Co to jest element HTML?
Element HTML jest zdefiniowany przez znacznik początkowy, pewną treść i znacznik końcowy:
Element HTML to wszystko, od tagu początkowego do tagu końcowego:
| Start tag | Element content | End tag |
|---|---|---|
| <h1> | My First Heading | </h1> |
| <p> | My first paragraph. | </p> |
| <br> | none | none |
Uwaga: Niektóre elementy HTML nie mają treści (jak element <br>). Te elementy nazywane są pustymi elementami. Puste elementy nie mają znacznika końcowego!
Przeglądarki internetowe
Zadaniem przeglądarki internetowej (Chrome, Edge, Firefox, Safari) jest odczytywanie dokumentów HTML i ich poprawne wyświetlanie.
Przeglądarka nie wyświetla znaczników HTML, ale używa ich do określenia sposobu wyświetlania dokumentu:
Struktura strony HTML
Poniżej wizualizacja struktury strony HTML:
Uwaga: zawartość w sekcji <body> (biały obszar powyżej) zostanie wyświetlona w przeglądarce. Treść wewnątrz elementu <title> zostanie wyświetlona na pasku tytułu przeglądarki lub na karcie strony.
Historia HTML
Od początków sieci WWW istniało wiele wersji HTML:
| Year | Version |
|---|---|
| 1989 | Tim Berners-Lee invented www |
| 1991 | Tim Berners-Lee invented HTML |
| 1993 | Dave Raggett drafted HTML+ |
| 1995 | HTML Working Group defined HTML 2.0 |
| 1997 | W3C Recommendation: HTML 3.2 |
| 1999 | W3C Recommendation: HTML 4.01 |
| 2000 | W3C Recommendation: XHTML 1.0 |
| 2008 | WHATWG HTML5 First Public Draft |
| 2012 | WHATWG HTML5 Living Standard |
| 2014 | W3C Recommendation: HTML5 |
| 2016 | W3C Candidate Recommendation: HTML 5.1 |
| 2017 | W3C Recommendation: HTML5.1 2nd Edition |
| 2017 | W3C Recommendation: HTML5.2 |
Ten samouczek jest zgodny z najnowszym standardem HTML5.