HTML Samouczek
Rozpoczęcie pracy z HTML
Szukaj…
Uwagi
HTML ( H yper t ext M arkup L anguage) to zgodny z XML- em system adnotacji dokumentów „znacznikami”. Służy on w szczególności do tworzenia treści dla stron internetowych i aplikacji internetowych, które można następnie udostępniać przez sieć.
Oprócz tekstu obecna wersja HTML obsługuje wiele różnych rodzajów multimediów , w tym obrazy i filmy.
Wersje
| Wersja | Specyfikacja | Data wydania |
|---|---|---|
| 1.0 | Nie dotyczy | 01.01.1994 |
| 2.0 | RFC 1866 | 1995-11-24 |
| 3.2 | W3C: Specyfikacja HTML 3.2 | 14 stycznia 1997 r |
| 4.0 | W3C: Specyfikacja HTML 4.0 | 1998-04-24 |
| 4.01 | W3C: Specyfikacja HTML 4.01 | 1999-12-24 |
| 5 | WHATWG: HTML Living Standard | 28.10.2014 |
| 5.1 | W3C: Specyfikacja HTML 5.1 | 01.11.2016 |
Witaj świecie
Wprowadzenie
HTML (H Yper T wew M arkup L anguage) wykorzystuje układ znaczników składa się z elementów, które reprezentują specyficzne materiały. Znaczniki oznaczają, że za pomocą HTML deklarujesz, co jest prezentowane przeglądarce, a nie sposób jej prezentacji. Reprezentacje wizualne są definiowane przez Cascading Style Sheets (CSS) i realizowane przez przeglądarki. Wciąż istniejące elementy, które pozwalają na takie , jak np. font , „są całkowicie przestarzałe i nie mogą być używane przez autorów” [1] .
HTML jest czasami nazywany językiem programowania, ale nie ma logiki, podobnie jak język znaczników . Tagi HTML zapewniają semantyczne znaczenie i czytelność maszynową treści na stronie.
Element zwykle składa się ze znacznika otwierającego ( <element_name> ), znacznika zamykającego ( </element_name> ), które zawierają nazwę elementu otoczoną nawiasami kątowymi oraz treść pomiędzy: <element_name>...content...</element_name>
Niektóre elementy HTML nie mają tagu zamykającego ani żadnej zawartości. Są to tak zwane pustki . Do pustych elementów należą <img> , <meta> , <link> i <input> .
Nazwy elementów można traktować jako opisowe słowa kluczowe dla zawartych w nich treści, takich jak video , audio , table , footer .
Strona HTML może składać się z potencjalnie setek elementów, które następnie są odczytywane przez przeglądarkę internetową, interpretowane i przekształcane w treść czytelną dla człowieka lub słyszalną na ekranie.
W tym dokumencie należy zauważyć różnicę między elementami a znacznikami:
Elementy: video , audio , table , footer
Tagi: <video> , <audio> , <table> , <footer> , </html> , </body>
Wgląd elementu
Podzielmy tag ...
Znacznik <p> reprezentuje wspólny akapit.
Elementy zwykle mają znacznik otwierający i zamykający. Znacznik otwierający zawiera nazwę elementu w nawiasach kątowych ( <p> ). Tag zamykający jest identyczny z tagiem otwierającym, z dodaniem ukośnika ( / ) między nawiasiem otwierającym a nazwą elementu ( </p> ).
Treść może następnie przechodzić między tymi dwoma tagami: <p>This is a simple paragraph.</p> .
Tworzenie prostej strony
Poniższy przykład HTML tworzy prostą stronę internetową „Hello World” .
Pliki HTML można tworzyć za pomocą dowolnego edytora tekstu . Pliki muszą zostać zapisane z rozszerzeniem .html lub .htm [2], aby mogły zostać rozpoznane jako pliki HTML.
Po utworzeniu plik ten można otworzyć w dowolnej przeglądarce internetowej.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Hello!</title>
</head>
<body>
<h1>Hello World!</h1>
<p>This is a simple paragraph.</p>
</body>
</html>
Prosty podział strony
Oto tagi użyte w przykładzie:
| Etykietka | Znaczenie |
|---|---|
<!DOCTYPE> | Określa wersję HTML używaną w dokumencie. W tym przypadku jest to HTML5. Aby uzyskać więcej informacji, zobacz temat doctypes . |
<html> | Otwiera stronę. Po znaczniku zamykającym ( </html> ) nie powinny pojawiać się znaczniki. Atrybut lang deklaruje podstawowy język strony za pomocą kodów języka ISO ( en dla języka angielskiego). Aby uzyskać więcej informacji, zobacz temat Język treści . |
<head> | Otwiera sekcję nagłówka, która nie pojawia się w głównym oknie przeglądarki, ale zawiera głównie informacje o dokumencie HTML, zwane metadanymi . Może również zawierać import z zewnętrznych arkuszy stylów i skryptów. Tag zamykający to </head> . |
<meta> | Daje przeglądarce pewne metadane dotyczące dokumentu. Atrybut charset deklaruje kodowanie znaków . Nowoczesne dokumenty HTML powinny zawsze korzystać z UTF-8 , nawet jeśli nie jest to wymagane. W HTML tag <meta> nie wymaga tagu zamykającego. Aby uzyskać więcej informacji, zobacz temat Meta . |
<title> | Tytuł strony. Tekst napisany między tym otwierającym a zamykającym tagiem ( </title> ) będzie wyświetlany na zakładce strony lub w pasku tytułowym przeglądarki. |
<body> | Otwiera część dokumentu wyświetlaną użytkownikom, tj. Całą widoczną lub słyszalną treść strony. Po tagu zamykającym nie należy dodawać treści </body> . |
<h1> | Nagłówek poziomu 1 dla strony. Więcej informacji znajdziesz w nagłówkach . |
<p> | Reprezentuje wspólny akapit tekstu. |
1. ↑ HTML5, 11.2 Funkcje niezgodne
2. ↑ .htm jest dziedziczony ze starszego DOS trzyliterowego ograniczenia rozszerzenia pliku.