Przykład HTML
<!DOCTYPE html><html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Wyjaśnienie Przykładu
- deklaracja DOCTYPE definiuje typ dokumentu
- tekst pomiędzy <html> i </html> opisuje stronę internetową
- tekst pomiędzy <body> i </body> to widoczna zawartość strony internetowej
- tekst pomiędzy <h1> i </h1> jest wyświetlany jako nagłówek
- tekst pomiędzy <p> i </p> jest wyświetlany jako akapit
Czym jest HTML?
- HTML to skrót od Hypertext Markup Language ( Hipertekstowy Język Znaczników)
- HTML to język znaczników
- Znaczniki opisują zawartość dokumentu
- Dokumenty HTML zawierają znaczniki HTML-owe oraz zwykły tekst
- Dokumenty HTML nazywane są także stronami internetowymi
Znaczniki HTML
- Znaczniki HTML to słowa kluczowe otoczone ostrokątnym nawiasem np. <html>
- Znaczniki HTML występują zazwyczaj w parach np. <b> i </b>
- Pierwszy znacznik w parze to znacznik początkowy a drugi końcowy
- Znacznik końcowy wygląda tak samo jak początkowy z dodatkowym znakiem slash
- Znaczniki początkowy i końcowy są także zwane znacznikiem otwierającym i zamykającym
Element HTML:
Element HTML to wszystko pomiędzy znacznikami razem ze znacznikami
Element HTML:
<P>To jest akapit</P>
Przeglądarki internetowe
Zadaniem przeglądarki internetowej (tj. Google Chrome, Firefox, Opera, Internet Explorer) jest czytanie dokumentów HTML i wyświetlanie ich jako strony internetowe. Przeglądarka nie wyświetla znaczników HTML tylko używa ich do interpretacji zawartości strony:
Struktura strony HTML
Poniżej znajduje się wizualizacja strony HTML:
<html>
<body>
</html>
<h1>This a Heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</body>Wersje HTML
| Wersja | Rok |
|---|---|
| HTML | 1991 |
| HTML+ | 1993 |
| HTML 2.0 | 1995 |
| HTML 3.2 | 1997 |
| HTML 4.01 | 1999 |
| XHTML 1.0 | 2000 |
| HTML5 | 2012 |
| XHTML5 | 2013 |
Deklaracja <!DOCTYPE>
Deklaracja <!DOCTYPE> pomaga przeglądarce poprawnie wyświetlić stronę internetową.
Jest wiele różnych dokumentów w internecie. Przeglądarka może wyświetlić stronę w 100% poprawnie tylko jeżeli wie jaka została użyta wersja i typ HTML.
Przykłady deklaracji <!DOCTYPE>
HTML5
<!DOCTYPE html>
HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
"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">
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Czasami faktycznie taki wstęp jest niezwykle ważny jeśli ktoś chce zająć się wykonywaniem stron internetowych. Muszę przyznać, że ja takie prace po prostu zleciłem firmie https://haiku.com.pl/ i wiem, że ten wybór był oczywiście właściwy.
OdpowiedzUsuń