Nauka HTML

Spisu treści:

Nauka HTML
Nauka HTML
Anonim

W tym artykule dowiesz się, jak używać HTML do napisania swojej pierwszej strony internetowej! Artykuł dostarczy ilustrujących przykładów dla lepszego zrozumienia. Zróbmy od razu rezerwację, że artykuł był pierwotnie przeznaczony dla tych, którzy dopiero zaczynają uczyć się HTML. Ponadto obiecujemy, że do końca przeczytania tego artykułu masz gwarancję stworzenia swojej pierwszej strony internetowej.

HTML oznacza HyperText Markup Language, czyli język organizowania tekstu.

W przeciwieństwie do języków programowania (JavaScript, PHP itp.), które używają skryptów do wykonywania działań na stronach internetowych, język sekwencjonowania (HTML) używa znaczników do oznaczania zawartości witryny.

Zacznijmy uczyć się HTML od podstaw

Tak jak angielski składa się z liter A, B, C itd., tak HTML składa się z osobliwych "liter":,,

itd. Te osobliwe „litery” języka HTML są nazywane przez webmasterów tagami.

Poniższy przykład jest przykładem tagu HTML.


Tagi Utwórz podkreślenie wokół krawędzi tego tekstu.

Tagi HTML w połączeniu ze stylami języka CSS umożliwiają szybkie i wydajne tworzenie stron internetowych.

Miejsce HTML wśród innych języków

Jak wiesz, dobra strona internetowazbudowany w co najmniej 5 językach.

Nowoczesna strona internetowa jest zbudowana w językach:

  1. HTML (struktura i kolejność).
  2. CSS (treść stylu).
  3. JavaScript (działania przeglądarki).
  4. PHP (działanie serwera).
  5. SQL (przechowywanie danych).

HTML jest głównym podstawowym językiem, na którym bazują inni. Dlatego nauka HTML powinna być pierwszym krokiem dla każdego, kto uczy się tworzyć strony internetowe w sieci.

Tag

Język HTML zmieniał się na przestrzeni lat od jego powstania. W tej chwili większość stron internetowych przechodzi na najnowszą wersję języka - HTML5. Ale nawet w HTML5 podstawy języka pozostają niezmienione.

Struktura strony HTML jest jak kanapka. Tak jak kanapka składa się z dwóch kromek chleba, dokument HTML zawiera otwierający i zamykający znacznik HTML.

Te tagi, jak chleb w kanapce, otaczają wszystko w środku.


Tag

Kontynuując naukę języka HTML, zdecydowanie powinieneś zapoznać się z tagiem. Bezpośrednio w tagu nadrzędnym znajduje się cała zawartość witryny, łącznie z tagiem. Ten tag jest wymagany i zawiera wszystkie ustawienia strony witryny, dla której jest napisany. Te ustawienia nie są widoczne dla odwiedzających witrynę, tylko przeglądarki (Google Chrome, Mozilla Firefox itp.) widzą je.

Blok ustawień strony internetowej zawiera wszystkie „nierenderowane” elementy, które pomagają przeglądarce poprawnie wyświetlać Twoją witrynę w sieci.


Wszystkie opcje, któremożna skonfigurować wewnątrz tagu, przyjrzymy się temu, ale trochę później - kiedy nadejdzie czas.

Tag

Tag, podobnie jak tag, znajduje się wewnątrz tagu.

Ten tag jest potrzebny, aby wyświetlić w Twojej witrynie wszystkie informacje, które chcesz wyświetlić.

Nagłówki, akapity, tabele, obrazy i linki to tylko niewielka część elementów, które mogą być zawarte w tagu.

Podstawowa struktura dokumentu HTML:


… …

Twoja pierwsza witryna

Teraz wiesz, że możesz tworzyć strony internetowe za pomocą HTML i że do tego służą podstawowe tagi:

  • . Określa granice strony internetowej.
  • . Zawiera ustawienia wyświetlania strony internetowej w przeglądarce.
  • . Zawiera wszystkie elementy strony internetowej (obrazy, filmy, tekst itd.), które chcesz pokazać odwiedzającym witrynę.

Inne tagi, takie jak,,, porozmawiamy wkrótce.

Byłoby wspaniale, gdyby czytelnik nie tylko przeczytał ten artykuł, ale również natychmiast pobiegł, by doskonalić swoje umiejętności. Aby doskonalić swoje umiejętności HTML, musisz stworzyć swoją pierwszą witrynę internetową, która posłuży jako poligon doświadczalny dla Twoich nowych umiejętności.

Wiadomo, że operatorzy komórkowi („MTS”, „MegaFon” itd.) zapewniają nam usługi mobilne. W ten sam sposób operatorzy hostingowi świadczą nam usługi tworzenia i zarządzania witrynami. Aby utworzyć swoją witrynę, przejdź do witryny dowolnego operatora bezpłatnego hostingu.

Zweryfikowani dostawcy usług hostingowych to BEGET lubna przykład reg. Możesz wybrać każdego.

Po krótkiej rejestracji, po 24 godzinach, Twoja pierwsza strona internetowa zostanie automatycznie utworzona, która będzie widoczna dla całego świata i możesz zacząć ćwiczyć!

Nowoczesna struktura witryny

Teraz, gdy masz już swoją witrynę, sprawdź, jakie tagi zawiera tag i jak organizują informacje w witrynach.

Struktura nowoczesnej witryny
Struktura nowoczesnej witryny

Powyższy obrazek to schematyczne przedstawienie struktury dostarczonej z najnowszą wersją języka HTML - HTML5. Wraz z HTML5 pojawiły się nie tylko nowe tagi, ale także znaczenie budowania stron internetowych. Wszystkie tagi, które widzisz na obrazku, znajdują się w głównym tagu. Tagi te pomagają „nakreślić” strukturę witryny i nadać jej znaczenie.

Na przykład wewnątrz tagów … wygodnie jest umieścić tytuł witryny (tagi) i opis witryny (tagi).

Wygodnie jest umieścić menu (linki) witryny (tag) wewnątrz tagów.

Wygodnie jest umieścić dowolny duży blok informacji o znaczeniu wewnątrz tagów. Może to być kilka artykułów, z których każdy jest „opakowany” w tagi, zdjęcia (tag) lub tabele (tags

) i nie tylko.

Wygodnie jest umieścić wszelkie informacje wewnątrz tagów, które nie pasują do znaczenia.

Wewnątrz tagów zwyczajowo umieszcza się dodatkowe informacje, takie jak dane kontaktowe, dodatkowe sekcje witryny itd.

Więc teraz jesteś trochę bardziej biegły w tym, z czego wykonane są nowoczesne strony internetowe. Weźmy przykład, abyzamieszanie w mojej głowie zostało zastąpione podziwem ze wglądu.

Kiedy otworzysz menedżera plików na stronie operatora hostingowego i znajdziesz dokument o nazwie index.php, możesz napisać w nim, jakby od zera, strukturę swojej witryny.

Moja pierwsza witryna

Tytuł strony

Opis strony

Link 1 | Link 2 | Link 3

Tytuł jakiegoś artykułu

To jest blok, który zawiera dowolne informacje, a za pomocą CSS możesz pokolorować ten blok, a także całą witrynę z całą jej zawartością, tak jak chcesz. © Wszelkie prawa zastrzeżone

Pamiętasz, że powiedzieliśmy, że istnieją różne ustawienia witryny? Cóż, oto on:

  1. Za pomocą pokazujemy przeglądarkom, że witryna może zawierać zarówno znaki rosyjskie, jak i angielskie (w przeciwnym razie po otwarciu witryny zobaczysz okropne krakozyabry).
  2. służy do wskazania nazwy strony, która będzie wyświetlana na karcie przeglądarki i w wyszukiwarce („Yandex”, Google i tym podobne).

Oczywiście bez stylizacji CSS Twoja witryna będzie wyglądać skąpo (czarne litery na białym tle), ale najpierw spróbuj napisać swoją pierwszą stronę w HTML.

Gratulacje! Właśnie stworzyłeś swoją pierwszą stronę internetową we własnej witrynie! Będzie ciekawiej!

Zalecana: