Jak edytować plik HTML

kod programu na ekranie komputera. Tło technologii programowania i kodowania

Źródło obrazu: tumsasedgars/iStock/GettyImages

HyperText Markup Language lub HTML to podstawowy język programowania w sieci WWW. Służy do określenia podstawowego układu i funkcjonalności strony internetowej. Możesz edytować plik HTML za pomocą dowolnego edytora zwykłego tekstu lub specjalistycznego narzędzia, które generuje kod HTML na podstawie wprowadzonych danych.

HTML, CSS i JavaScript

Nowoczesne przeglądarki internetowe rozumieją trzy języki programowania. HTML służy do kodowania podstawowego układu strony internetowej i wprowadzania elementów funkcjonalnych, takich jak formularze, obrazy i sekcje tekstu. Może być również używany do niektórych specyfikacji stylu.

Wideo dnia

Inny język zwany kaskadowymi arkuszami stylów lub CSS służy do dalszego stylizowania wyglądu strony na ekranie lub podczas drukowania na papierze. CSS może być osadzony w HTML lub odwoływany się przez kod HTML i przechowywany w osobnych plikach.

Trzeci język, znany jako JavaScript, służy do dodawania do stron internetowych dodatkowych funkcji, takich jak interaktywność i obliczenia. Może być również osadzony w plikach HTML lub przechowywany w osobnych plikach. Jak sama nazwa wskazuje, jest podobny do innego języka programowania o nazwie Java, chociaż oba nie są kompatybilne i nie powinny być ze sobą mylone.

Edytuj plik HTML

HTML, CSS i JavaScript mają własne reguły składni, których należy przestrzegać, aby wygenerować poprawny kod zrozumiały dla przeglądarki internetowej, ale są one przechowywane w plikach tekstowych.

Można je edytować za pomocą dowolnego oprogramowania do edycji zwykłego tekstu, w tym Notatnika w systemie Windows, TextEdit na komputerach z systemem macOS oraz popularnych edytorów tekstu, takich jak Emacs, Vim i Sublime Text. Zazwyczaj pliki HTML są zapisywane z rozszerzeniem .html. Unikaj używania narzędzi do edycji tekstu, takich jak Microsoft Word i Dokumenty Google, do edytowania kodu HTML, ponieważ nie są one tak dobre nadaje się do radzenia sobie ze zwykłym tekstem, ponieważ są one przeznaczone do konstruowania skomplikowanych dokumentów z niestandardowymi czcionkami i formatowanie.

Niektórzy programiści wolą używać zintegrowanych środowisk programistycznych lub konfigurować swoje edytory tekstu tak, aby zawierały zaawansowane funkcje, takie jak podświetlanie różnych części kodu HTML lub sugerowanie, gdzie powinny znajdować się elementy umieszczony. Nowoczesne przeglądarki internetowe umożliwiają również modyfikowanie kodu HTML i JavaScript oraz edycję kodu podczas debugowania za pomocą różnych wbudowanych narzędzi programistycznych.

Wygenerowany kod HTML

Różne narzędzia umożliwiają generowanie kodu HTML bez bezpośredniego pisania. Niektóre narzędzia do projektowania stron internetowych, takie jak Dreamweaver firmy Adobe i narzędzia internetowe, takie jak Wix i Squarespace, automatycznie wyświetlają kod HTML na podstawie tego, co użytkownicy wprowadzają za pośrednictwem interfejsu wizualnego.

Inne, jak niektóre oprogramowanie forów internetowych i wiki, automatycznie biorą inne, prostsze języki formatowania, takie jak Markdown, i tłumaczą je na HTML i CSS. Oprogramowanie serwera WWW, takie jak Django i Rails, może również automatycznie generować HTML na podstawie ustawień i danych konfiguracyjnych.