HTML - co to za rozszerzenie? HTML dla początkujących: kody, pliki i edytory. Jak utworzyć plik HTML?

Obecnie każdy programista internetowy z pewnością odpowie na pytanie: HTML - jakiego rodzaju rozszerzenie? Ale nie wszyscy są programistami internetowymi. Z pewnością są ludzie, którzy nie są jeszcze gotowi, aby udzielić prawidłowej odpowiedzi na takie pytanie. Dlatego od samego początku rozważcie związane z tym pojęcia.

HTML - co to jest?

HTML (Hypertext Markup Language, hipertekstowy język znaczników) jest powszechnym językiem do oznaczania dokumentów internetowych (a nie języka programowania!). Wraz z nim powstają prawie wszystkie strony internetowe. Te ostatnie różnią się od zwykłych dokumentów zawierających tekst, inne elementy (obrazy, tabele), ponieważ zawierają specjalne deskryptory (znaczniki), które są niezbędne, aby tekst był zrozumiały dla dowolnej przeglądarki. Rozszerzenie HTML (lub .htm) jest znakiem, że plik należy do kategorii dokumentów internetowych.

Znaczniki HTML to specjalne instrukcje, które zawierają informacje o strukturze i formatowaniu strony internetowej. Każdy znacznik jest zawarty w tekście wewnątrz nawiasów trójkątnych <>. Prawie wszystkie tagi są sparowane i zawierają części otwierające i zamykające, wpływające na tekst wstawiony wewnątrz tych części.

Przykłady użycia deskryptorów HTML można zobaczyć otwierając dowolną stronę internetową w widoku znaczników. Aby to zrobić, w menu przeglądarki wybierz "Widok" - "W formie HTML." W niektórych przeglądarkach działają również skróty klawiszowe: Ctrl + U, które po kliknięciu otwiera tę samą stronę na oddzielnej karcie przeglądarki w trybie, który pozwala zobaczyć kody HTML.

Z historii standardów języka znaczników

Istnieją różne wersje HTML. Język jest ciągle ulepszany, więc jego nowa wersja jest wydawana niemal co roku. Różne przeglądarki internetowe (programy do przeglądania stron HTML) są opracowywane przez różne firmy i różnią się interpretacją poszczególnych tagów i ich obsługą. W rezultacie ten sam kod HTML jest wyświetlany w różnych przeglądarkach na swój sposób, a niektóre przeglądarki w ogóle nie rozumieją poszczególnych tagów.

Do 1990 roku prawie nikt na świecie nie udzieliłby poprawnej odpowiedzi na pytanie: HTML - co to jest? Pierwsza dokumentacja dotycząca tego języka została opublikowana w 1991 roku. Autor - fizyk Tim Berners-Lee - wymyślił go jako narzędzie do przekształcenia zestawu znaków transmitowanego przez sieć w nagłówki, linki i akapity. Wkrótce ten język stał się standardem dla dokumentów znaczeniowych w Internecie.

W swoim rozwoju przeszła z wersji początkowej do HTML 5 i nadal się poprawia. Ten język zawiera deskryptory dla struktury i formatowania. Później przyjął standardową technologię CSS, która zakłada, że ​​opis formatowania jest wyróżniony w oddzielnym pliku CSS, pozostawiając opis struktury dokumentu dla znaczników HTML. W rezultacie niektóre deskryptory nie są już używane.

Struktura dokumentu HTML

Jest wyraźnie uregulowany i powinien zawierać kilka obowiązkowych tagów. Należą do nich:

• Tag - rodzaj dokumentu i jego charakterystyka.
• Tagi - wskazać początkowe i końcowe granice dokumentu.
• Tagi - ograniczyć sekcję usługi dokumentu, która zawiera instrukcje dla przeglądarek, robotów wyszukiwania, a także linki do plików, skryptów.
• Tagi - aby wprowadzić instrukcje dla przeglądarek i robotów wyszukiwania.
• Tagi - ustaw główny tytuł dokumentu, jest widoczny tylko w górnej zakładce okna przeglądarki.
• Znaczniki - ogranicz widoczną część dokumentu.

Znaczniki, które warto znać

Funkcje wspólnych tagów powinny być jasne dla każdego copywritera, mogą być dodawane do tekstu w dowolnym edytorze tekstu. Mogą być użyte w projekcie tekstu, nie mając pod ręką specjalnego edytora. Powszechnie używane, w szczególności, są kody HTML:

• akapit

  - aby podświetlić akapit.
• 
  tekst
  - aby przenieść tekst do następnej linii.
• pogrubienie - aby wyróżnić pogrubioną czcionką.
• w słowach - aby wybrać tekst w słowach.
• kotwica - wstawić dowolną kotwicę - słowo lub obiekt, który inicjuje link po łączu określonym w tagu. Zamiast słowa "kotwica" napisz "TUTAJ" lub wprowadź dowolne inne słowo, frazę, obiekt; zamiast słowa "link" wstaw adres w Internecie, do którego prowadzi link.

• Nagłówek

  - aby podświetlić nagłówek pierwszego poziomu.

• Podtytuł

  - takie same dla pozycji drugiego poziomu itd. do poziomu szóstego.

Jak utworzyć plik HTML w zwykłym edytorze

Stronę internetową (czyli plik HTML) można wpisać w dowolnym edytorze tekstu (na przykład w Notatniku). Ale wszystkie tagi będą musiały wybierać ręcznie. Zaletą tej metody jest całkowicie zminimalizowany kod. Wady - wymaga dobrej znajomości języka znaczników hipertekstowych i niemożności natychmiastowego zobaczenia wyników ich pracy. Dlatego ta metoda nadaje się tylko do tworzenia najprostszych stron internetowych.

Edytory HTML

Prawie wszyscy eksperci korzystają ze specjalnych edytorów HTML. Najpopularniejsze z nich to Macromedia HomeSite i Dreamweaver MX. Pozwalają one automatycznie wpisywać wiele znaczników, podświetlają tekst i elementy kodu usługi w kolorze, natychmiast wyświetlają wyniki uzyskane w specjalnym oknie. Ale te programy są płatne.

Dla początkujących lepiej jest najpierw spróbować swoich sił za pomocą darmowych edytorów. Najpopularniejsze z nich to Notepad ++, Komodo Edit, Aptana, Alaborn iStyle i KompoZer. Każdy z tych programów ma swoje zalety, zapewnia użytkownikowi większą lub mniejszą funkcjonalność, ma własny interfejs. Aby wybrać właściwy, powinieneś spróbować pracować w każdym z nich. Jest to łatwe do wdrożenia, ponieważ nie musisz płacić za te próby.

Oprócz tych edytorów dostępne są narzędzia do projektowania wizualnego (na przykład HoTMetal Pro). Podczas tworzenia stron internetowych absolutnie eliminują potrzebę ręcznego wprowadzania deskryptorów HTML. Jednak takie programy generują w rezultacie kod, który jest zbyt zbędny, a jego wielkość znacznie przekracza wymagany minimalny rozmiar. Ponadto ręczna edycja kodu jest często wymagana do dostosowania go do pożądanej jakości.

Mamy nadzieję, że zapoznanie się z materiałem tego artykułu pozwoli nawet nowicjuszowi nie wątpić w odpowiedź na pytanie: HTML - co to jest?