Komputery Okna Internet

Gotowy kod źródłowy do html. Przykład tworzenia strony html w notatniku

: HTML - Hypertxt Markup Language (lub Hypertext Markup Language).

Więc poznajmy go lepiej.

Najpierw utwórz plik na swoim komputerze o dowolnej nazwie i rozszerzeniu .html (tytuł musi być w języku angielskim- na przykład index.html). Aby stworzyć taki plik - stwórz zwykły Dokument tekstowy („Start” – „Wszystkie programy” – „Akcesoria” – „Notatnik”) i zapisz („Plik” - „Zapisz jako”) w dowolnym miejscu, wpisując nazwę i rozszerzenie (zdarza się, że po wprowadzeniu rozszerzenia notatnik nadal zapisuje je jako plik tekstowy, ale potrzebujemy pliku internetowego. W tym celu przed zapisaniem wybierz typ pliku - "Wszystkie pliki (*. *)").

Nie jest to warunek konieczny (ponieważ w ustawieniach serwera można zmienić nazwę pierwszej strony), ale zasada dobrej formy. Nazwa pierwszej strony to najlepiej index (index.html), ponieważ serwer wchodząc do niej wydaje plik o tej nazwie - index.

Po prawidłowym zapisaniu ikona pliku powinna zmienić się w ikonę przeglądarki (domyślnie Internet Explorer).

Teraz otwórz ten plik za pomocą notatnika i skopiuj tam ten kod.

To jest pierwsza strona internetowa!

Zapisz i otwórz w przeglądarce.

Gratulacje, właśnie utworzyłeś swoją pierwszą stronę internetową.

Tekst „To jest pierwsza strona internetowa!” możesz go zmienić na dowolny inny, na przykład "To jest moja pierwsza strona internetowa !!!". zapisz, zaktualizuj przeglądarkę, podziwiaj wynik.

Ale nasza strona nie ma tytułu.

Musimy to naprawić - nieznacznie poprawimy kod, a raczej dodamy do niego "Site Head" za pomocą tagów oraz .</p><p> <html> <head> <title>Pierwsza strona To moja pierwsza strona internetowa !!!

Zapisujemy, aktualizujemy, podziwiamy. Nasza strona ma teraz nagłówki.

Opis tagów.

Pierwszy tag to (ten tag jest sparowany, tj. zamykający tag) wymagane) - jest używany jako kontener, który zawiera całą zawartość strony (tekst, obrazy itp.). Chociaż ten tag ( oraz) jest opcjonalne, ale użycie go świadczy o dobrej formie. Dlatego radzę z niego korzystać.

Następny tag to ... To jest również sparowany tag ( oraz). Ten tag nie jest wyświetlany na stronie (poza tytułem), ale wymagane jest określenie dodatkowych parametrów strony – opis strony (używany przez wyszukiwarki), słowa kluczowe(używane przez wyszukiwarki), style, skrypty, nagłówki i inne.

Etykietka </b>- sparowany tag ( <title>oraz) jest wymagane do określenia tytułu strony. Co więcej, ten tag musi być umieszczony tylko wewnątrz tagu. !

I ostatni, w naszym kodzie, tag - ... Również sparowany tag ( oraz

), wewnątrz której znajduje się cała widoczna część serwisu, tj. teksty, zdjęcia, linki, ogólnie informacje, które chcesz umieścić na stronie.

W kolejnej lekcji porozmawiamy o rodzajach tagów i zasadzie ich pisania.

Jeśli tworzysz szablon od podstaw, musisz na czymś zbudować. Biorąc pod uwagę, że standard HTML5 „kroczy szeroko w całym kraju”, w tym artykule podam przykład pustego szablonu HTML5.

W nowym standardzie dużo uproszczono i teraz podstawowa część wygląda tak:

...

Nowe tagi HTML5

HTML5 wprowadza kilka nowych tagów do struktury kodu:

,