Podstawy HTML — wymagane znaczniki i tworzenie dokumentu HTML - 5.0 na 5 na podstawie 1 głosu

W tym samouczku omówimy podstawy HTML.

Jak już wiesz, większość stron internetowych w Internecie ma postać plików html. Rozważ podstawowe tagi takiego dokumentu i ich przeznaczenie.

Różnią się one od dokumentów tekstowych tym, że dokumenty html zawierają pewne znaczniki, które określają, jak tekst i grafika będą wyglądać na stronie, a także mają odpowiednie rozszerzenia plików.

Aby przeglądarka zrozumiała ta strona składa się z tagów i jest do niego przeznaczony, musi mieć określone rozszerzenie. Dokumenty HTML mają rozszerzenia .html lub .htm.

Stworzymy teraz prostą stronę internetową. Stworzenie dokumentu html, czyli pliku z rozszerzeniem .html, jest tak proste, jak wyłuskanie gruszek. Sugeruję, abyś utworzył w tym celu specjalny folder, w którym umieścisz wszystko, co rozważymy na lekcjach.

Podczas gdy do celów naukowych język HTML nie będziemy używać do tworzenia stron programy specjalne, takie jak powszechnie znane . Naszym celem na tym etapie jest poznanie podstaw html.

Do tworzenia stron użyjemy standardowego edytora tekstu, który jest w każdym Wersje Windows. Z własnego doświadczenia wiem, że Ta metoda najbardziej produktywny i zrozumiały dla osoby, która dopiero zaczyna uczyć się podstaw HTML.

W przyszłości, aby stworzyć witrynę, najlepiej użyć jakiegoś edytora HTML, co uprości twoją pracę. Osobiście wolę używać edytora Dreamweaver.

W międzyczasie skorzystajmy z edytora tekstu notatnika. Dlatego przechodzimy do pozycji menu „Start” >> „Wszystkie programy” >> „Standard” - i uruchamiamy edytor tekstu notatnika.

Teraz skopiuj i wklej poniższy kod do okna notatnika, jest on podstawą dowolnego pliku html:

Więc stworzyłeś swój pierwszy Strona internetowa!!!

Wstawiono? A teraz wybierz pozycję menu „Plik” w notatniku i pozycję „Zapisz jako ...” z listy rozwijanej, otworzy się okno do zapisania pliku. Tutaj będziemy zainteresowani polem "Nazwa pliku". Tutaj musisz wpisać nazwę naszego pliku, na przykład "Moja pierwsza strona", a zamiast rozszerzenia .txt rozszerzenie .html.

Pamiętaj, że za umieszczanie stron w Internecie nadawane są im imiona język angielski, tutaj jako przykład podaliśmy nazwę w języku rosyjskim. Spójrz na rysunek.

Następnie wybierz folder, który utworzyłeś wcześniej lub dowolny inny folder na komputerze i zapisz tam ten plik. Ja Dokument tekstowy nie zamykaj, nadal będziemy z nim współpracować.

W wyniku tego, że wpisałeś kod i zmieniłeś rozszerzenie z .txt na .html, „zamieniliśmy” dokument tekstowy w dokument html. Teraz przejdź do folderu, w którym zapisałeś ten plik i otwórz go w przeglądarce. W rezultacie zobaczysz tekst: „Tu utworzyłeś swoją pierwszą stronę internetową!!!”

Następnie wróć do naszego notatnika bez zamykania okna przeglądarki i spróbuj zmienić tekst „Tu utworzyłeś swoją pierwszą stronę internetową !!!” na cokolwiek to jest. Następnie przejdź do pozycji menu „Plik” >> „Zapisz” i przejdź do otwartego okna przeglądarki z tą stroną, gdzie kliknij przycisk, aby odświeżyć stronę lub naciśnij kombinację Klawisze Ctrl+ R, strona odświeży się, a przeglądarka wyświetli Twój tekst.

Zawsze rób to, gdy zmieniasz coś w samym kodzie, w Edytor tekstu Notatnik i chcesz zobaczyć, jak będzie się wyświetlać w Twojej przeglądarce.

Teraz zastanówmy się, jakie tagi zapisaliśmy w naszym pliku. W rzeczywistości są to najważniejsze znaczniki dokumentów html, które składają się podstawa HTML plik i powinien znajdować się w każdym dokumencie HTML.

Pierwszym z głównych tagów w naszym kodzie jest te znaczniki start i end rozpoczynają i kończą dokument html, a także informują przeglądarkę, że ten plik powinien być traktowany jako dokument html.

Następne tagi służą jako rodzaj nagłówka dokumentu html, w środku umieszczane są inne tagi, które zawierają pewne informacje o usłudze. Porozmawiamy o nich w innych.

W tym przypadku zawierają tagi, tagi te zawierają nazwę strony, możesz ją zobaczyć na samej górze okna przeglądarki, w naszym przykładzie będzie to nazwa „Moja pierwsza strona”. A ostatnie tagi z naszego kodu to pomiędzy tymi tagami umieszczana jest bezpośrednio cała zawartość strony internetowej, cały tekst, grafika, tabele itp. Jest to podstawa wszelkich plik HTML.

W tej lekcji przyjrzeliśmy się tagom, które są wymagane dla każdego dokumentu html i stanowią jego podstawę. W następnym Lekcje HTML przyjrzymy się reszcie tagów i dowiemy się, za co każdy tag odpowiada z osobna i jakie atrybuty są nieodłącznie związane z konkretnym tagiem.

Podstawy HTML zawierają podstawowe zasady języka HTML, opis struktury strony HTML, relacje w strukturze dokumentu HTML między elementami HTML.

Dokument HTML to zwykły dokument tekstowy, który można utworzyć w taki sam sposób, jak w zwykłym edytorze tekstu. (Zeszyt), a w specjalistycznym z podświetlaniem kodu (Notatnik++, studio wizualne kod itp.). Dokument HTML ma rozszerzenie .html.

Dokument HTML składa się z drzewa elementów HTML i tekstu. Każdy element jest identyfikowany w dokumencie źródłowym za pomocą znacznika początkowego (otwierającego) i końcowego (zamykającego) (z rzadkimi wyjątkami).

Rozpocznij tag pokazuje, gdzie zaczyna się element, koniec - gdzie się kończy. Zamykający tag utworzone przez dodanie ukośnika / przed nazwą tagu:<имя тега> … . Pomiędzy znacznikiem początkowym i końcowym znajduje się treść znacznika - treść.

Pojedyncze tagi nie mogą bezpośrednio przechowywać treści, jest to zapisywane jako wartość atrybutu, na przykład tag utworzy przycisk z tekstem Przycisk w środku.

Tagi mogą być zagnieżdżone w sobie, na przykład

Tekst

. Inwestując należy przestrzegać kolejności ich zamykania (zasada „matrioszki”), na przykład następujący wpis byłby niepoprawny:

Tekst

.

Elementy HTML mogą mieć atrybuty (globalne, zastosowane do wszystkich elementów HTML oraz własne). Atrybuty są zapisywane w tagu otwierającym elementu i zawierają nazwę oraz wartość określoną w formacie atrybut name="value" . Atrybuty umożliwiają zmianę właściwości i zachowania elementu, dla którego są ustawione.

Każdy element może mieć wiele wartości klas i tylko jedną wartość id. Wiele wartości klas jest zapisanych ze spacją,