Nauka podstawowego HTML i moja pierwsza strona internetowa

Spisie treści
Co to jest HTML? Jego akronim oznacza „Hypertext Markup Language”. Jest zdefiniowany jako język znaczników, który umożliwia tworzenie strony internetowej. Wśród elementów, które posiada ten język, znajdują się kontrolki (etykiety, pola tekstowe, obszary tekstowe, przyciski) do implementowania formularzy, list, tabel, wstawiania obrazów, wideo, audio i innych.
Jest to bardzo prosty język do nauczenia, ponieważ sam w sobie nie jest językiem programowania, ale językiem, który zaznaczasz. Poza tym zastrzeżone słowa, które go tworzą, są łatwe do zapamiętania i bardzo opisowe.
Najbardziej podstawowym środowiskiem, w którym można zacząć ćwiczyć i rozwijać stronę internetową, jest zwykły „Notatnik”, który jest edytorem tekstu, chociaż istnieją również specjalne kompilatory (na przykład Netbeans), które mają funkcję autokorekty dla każdego słowa w składni jest błędna, oznacza ją i ułatwia jej zlokalizowanie.
Pliki HTML powinny być zawsze zapisywane z rozszerzeniem .html, niezależnie od tego, czy programista dodaje je ręcznie, czy edytor dodaje je automatycznie. Plik typu .html zostanie otwarty w przeglądarce lub przeglądarce preferencji użytkownika (na przykład: Internet Explorer, Firefox, Google Chrome, Opera, Safari itp.), ponieważ, jak wspomniano powyżej, język HTML składa się z tagów : które przeglądarka jest przygotowana do interpretacji.
Twoja pierwsza strona internetowa…
W tym przypadku otworzymy notatnik, ponieważ pracujemy w środowisku Windows i wprowadzimy następujący kod, dla typowego "Hello world!"

Jak widać na obrazku, plik nie został jeszcze zapisany. Idziemy więc do menu Plik> Zapisz. Aby pliki, które opracowujemy podczas tego samouczka, były dobrze zorganizowane, utworzymy folder o nazwie „BASIC HTML”, uzyskujemy dostęp do tego folderu i dostosowujemy nazwę pliku, wpisujemy nazwę „index.html” pamiętając, że jest to ważne aby ustalić rozszerzenie, w przeciwnym razie zostanie ono zapisane tylko jako plik tekstowy, czyli .txt.

Przejdź do lokalizacji pliku, kliknij dwukrotnie ikonę o nazwie „index.html”, a otworzy się w domyślnej przeglądarce, w tym przypadku Google Chrome. Oto, co zobaczysz:

Wróćmy teraz do kodu…
Informuje przeglądarkę, że otwierasz plik HTML.
Nagłówek dokumentu.
Moja pierwsza strona internetowa. Tytuł strony.
Zamknij nagłówek dokumentu.
Treść, cała zawartość tej sekcji pojawi się na stronie.
Witaj świecie!
Zamknięcie ciała.
Zamknij plik HTML.
Znacznik informuje przeglądarkę, że dokument html jest otwierany, w tym miejscu zaczyna interpretować zawartość. Ważne jest, aby każdy otwierany tag był zamknięty, tag zamykający może być wyświetlany na końcu dokumentu.
wskazuje nagłówek dokumentu, tutaj między innymi, o czym dowiemy się później, zostanie umieszczony tytuł strony. Co prowadzi nas do linii kodu Moja pierwsza strona internetowa. , wynik tego wiersza zostanie odzwierciedlony na pasku tytułu przeglądarki. Poniżej znajduje się zamknięcie tagu.
W etykietach i treści strony zostaną umieszczone, które mogą bezpośrednio zawierać tekst i/lub inne etykiety formatujące.
Atrybuty …
Niektóre znaczniki mają jeden lub więcej atrybutów, które są zdefiniowane jako cechy znacznika głównego. Przy definiowaniu atrybutów należy wziąć pod uwagę pewne aspekty:
  • Mają strukturę nazwa = "wartość"
  • Wartość jest zawsze w cudzysłowie.
  • Są one umieszczane na metce otwierającej.
Przykład: Dodamy do etykiety atrybut bgcolor, przypisując mu wartość szesnastkową, która będzie ujęta w cudzysłów. Dla przewodnika po kolorach zostawiam poniższy link "Kody kolorów HTML".

Zapisujemy nasz plik w celu wizualizacji zmian, a rezultatem będzie:

*WAŻNY:: Etykiety można pisać małymi literami, jak wizualizowaliśmy w przykładach, a na przykład dużymi literami. Konsorcjum World Wide Web (W3C) zaleca używanie małych liter, a XHTML, który jest najbardziej aktualną wersją HTML, akceptuje tylko małe litery.Podobał Ci się i pomógł ten samouczek?Możesz nagrodzić autora, naciskając ten przycisk, aby dać mu pozytywny punkt

Będziesz pomóc w rozwoju serwisu, dzieląc stronę ze swoimi znajomymi

wave wave wave wave wave