Samouczek HTML

Strona główna HTML Wprowadzenie do HTML Edytory HTML Podstawy HTML Elementy HTML Atrybuty HTML Nagłówki HTML Akapity HTML Style HTML Formatowanie HTML Cytaty HTML Komentarze HTML Kolory HTML HTML CSS Linki HTML Obrazy HTML Ulubione HTML Tabele HTML Listy HTML Blok HTML i wbudowany Klasy HTML Identyfikator HTML Ramki HTML HTML JavaScript Ścieżki plików HTML Nagłówek HTML Układ HTML HTML Responsywne Kod komputerowy HTML Semantyka HTML Przewodnik po stylach HTML Jednostki HTML Symbole HTML Emotikony HTML Zestaw znaków HTML Kodowanie adresu URL HTML HTML a XHTML

Formularze HTML

Formularze HTML Atrybuty formularza HTML Elementy formularza HTML Typy danych wejściowych HTML Atrybuty wejściowe HTML Atrybuty formularza wejściowego HTML

Grafika HTML

Płótno HTML HTML SVG

Media HTML

Media HTML Wideo HTML Dźwięk HTML Wtyczki HTML HTML YouTube

API HTML

Geolokalizacja HTML Przeciągnij/upuść HTML Magazyn sieciowy HTML HTML Web Workers HTML SSE

Przykłady HTML

Przykłady HTML Quiz HTML Ćwiczenia HTML Certyfikat HTML Podsumowanie HTML Dostępność HTML

Odniesienia HTML

Lista znaczników HTML Atrybuty HTML Globalne atrybuty HTML Obsługa przeglądarki HTML Zdarzenia HTML Kolory HTML Płótno HTML HTML audio/wideo Dokumenty HTML Zestawy znaków HTML Kodowanie adresu URL HTML Kody językowe HTML Wiadomości HTTP Metody HTTP Konwerter PX na EM Skróty klawiszowe

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:

< tagname > Treść trafia tutaj... < /tagname >

Element HTML to wszystko, od tagu początkowego do tagu końcowego:

< h1 > Mój pierwszy nagłówek < /h1 >
< p > Mój pierwszy akapit. < /p >
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:

Wyświetl w przeglądarce


Struktura strony HTML

Poniżej wizualizacja struktury strony HTML:

<html>
<głowa>
<title>Tytuł strony</title>
</head>
<ciało>
<h1>To jest nagłówek</h1>
<p>To jest akapit.</p>
<p>To kolejny akapit.</p>
</body>
</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.