Looking for html Answers? Try Ask4KnowledgeBase
Looking for html Keywords? Try Ask4Keywords

HTMLRozpoczęcie pracy z HTML


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.