26 sie

Czy HTML to już programowanie?

Język HTML nie należy do języków programowania. Jest to język znaczników, ale jeśli myślisz o karierze jako programista front-endu, musisz mieć go w małym palcu.

HTML i CSS to podstawa przy tworzeniu stron internetowych, ale także wykorzystuje się go przy pisaniu aplikacji mobilnych. HTML to kod który ma za zadanie opisać, jak wygląda dana strona internetowa. CSS (Cascaded Style Sheet), to formatowanie tego opisu, takie jak kolory czcionki, wielkość czcionki, formatowanie obrazów, lokalizacja elementów i inne.

⠀

Czym jest HTML i w jakim celu się go stosuje?

⠀

Jak mówi sama nazwa tego języka, jest to hipertekstowy język znaczników. Co oznacza „hipertekstowy”? Otóż zawiera on takie treści, które automatycznie przenoszą nas do innych informacji (stron) za pomocą hiperłączy, czyli po polsku: linków.

⠀

A język znaczników oznacza, że wykorzystuje on znaczniki nadające poszczególnym elementom odniesienie semantyczne. To wygląda na skomplikowane, ale wcale takie nie jest. Po prostu jest to język, który wykorzystuje takie elementy jak akapity czy paragrafy, żeby stworzyć stronę internetową. O tym, w jaki sposób będą wykorzystane te elementy, mówi plik CSS, zaś o tym, w jaki sposób będą one działać – informuje język HTML.

⠀

Jakie elementy wykorzystuje się na stronie?

⠀

nagłówki;
akapity;
listy;
wyróżnienia (pogrubienia, podkreślenia);
hiperłącza;
pliki graficzne.

⠀

To właśnie dzięki nim strony są czytelne, przejrzyste i dobrze wyglądają – nie tylko na komputerze, ale także na telefonie, tablecie czy telewizorze.

⠀

HTML nie jest językiem programowania, ale programista powinien go znać

⠀

Języki programowania i język znaczników nie są pojęciami tożsamymi, mimo że oba rodzaje tych języków mają za zadanie stworzyć serwis internetowy. HTML odpowiada za strukturę tekstu, rozmieszczenie elementów na stronie, z kolei język programowania odpowiada za funkcjonalność serwisu. W HTML nie zaprogramujesz możliwości logowania do Twojego serwisu, ale napiszesz, jak ma wyglądać okienko do logowania i co ma się wyświetlać, gdy logowanie nie powiedzie się.

⠀

Nawet jeśli chcesz zajmować się tylko back-endem, czyli nie masz żadnego wpływu na wygląd serwisu, powinieneś znać podstawy HTML, żeby wiedzieć, za co odpowiadają określone jego wpisy. Musisz mieć również możliwość sprawdzić, jak działa Twój kod – nie tylko od tyłu, podczas testów samego kodu, ale także z przodu, w połączeniu z wyglądem serwisu, który próbujesz postawić.

⠀

Dlatego doświadczeni WebDeweloperzy zawsze korzystają z języka znaczników i języków programowania przy tworzeniu serwisów, zwłaszcza jeśli mają one być interaktywne. Użytkownik ma tam możliwość zalogowania się, wybrania przedmiotów do koszyka, wysłania ankiety, wiadomości do administracji i tym podobnych. Wszystko, co znasz z przeróżnych serwisów internetowych, z których korzystasz na co dzień.

⠀

Prosta strona – wizytówka firmy, nie wymaga używania języków programowania. Wystarczy w HTML-u napisać informacje o firmie, ofertę, dodać informacje kontaktowe, ładnie to otagować w CSS i wizytówka gotowa. Będzie to jednak jedynie prosta, nierozbudowana strona internetowa, bez interaktywnych funkcjonalności. Twój użytkownik nie będzie mógł wysłać ze strony wiadomości przez formularz kontaktowy ani skomentować Twoich wpisów.

⠀

Jakie są języki programowania?

⠀

Mówiąc najprościej, z językiem programowania mamy do czynienia wtedy, gdy możemy w nim definiować zmienne, pisać pętle, funkcje, przechowywać i odczytywać wartości, instrukcje, obsługiwać zdarzenia takie jak kliknięcia przycisków i wiele, wiele innych rzeczy.

⠀

Języki programowania takie jak JAVA, C#, Python, Ruby, PHP odpowiadają za funkcjonalność serwisów internetowych. Jako użytkownik nie dostrzegasz ich kodu, struktury – widzisz tylko ich funkcjonalność. Inaczej jest z językiem HTML – widzisz go patrząc na stronę internetową, możesz podejrzeć jego zapis, cała jego funkcjonalność polega na określeniu, jak ma wyglądać i o czym opowiadać serwis internetowy.

⠀

Jedne języki są bardziej rozbudowane, inne z kolei mniej precyzyjne. Do najpopularniejszych języków programowania, które wykorzystuje się przy prostych stronach internetowych, należy JavaScript, który umożliwia wdrażanie w serwisach internetowych elementów interaktywnych. Stosuje się go w połączniu z HTML, bo odpowiada za interaktywność strony internetowej.

⠀

Najpopularniejsze znaczniki HTML

⠀

Po pierwsze, skoro HTML to język hipertekstowy, działający na hiperłączach, to jednym z najważniejszych znaczników będzie wstawianie linku. To prosta konstrukcja znacznika – jak każdy inny znacznik w tym języku, musi znajdować się on w ostrym nawiasie. Jego konstrukacja wygląda tak:

Pierwszy nawias to znacznik otwierający, drugi nawias to znacznik zamykający. Jest to przykład jednego z najpopularniejszych znaczników podwójnych.

⠀

Pojedynczy znacznik to na przykład ten odpowiadający za przejście do kolejnej linii, czyli:

<br />. Jak widzisz, nie ma tu drugiego nawiasu trójkątnego, otworzenie i zamknięcie znacznika odbywa się w jednym nawiasie.

⠀

Podsumowanie

⠀

Jeśli myślisz o nauce programowania, możesz zacząć od języka HTML, ale pamiętaj, że nie jest to język programowania. Nauczysz się jednak dzięki niemu, jak pisać kod, żeby był czytelny, a sam język znaczników na pewno przyda Ci się w dalszej pracy. Bez względu na to czy będziesz chciał zostać Web deweloperem czy programistą – nauka języka znaczników nie zaszkodzi.

⠀

To łatwy i przyjemny język do nauki. Co więcej, od razu widzisz efekty swojej pracy. Masz podgląd na żywo, jak zmienia się serwis, który piszesz, jak dodawane są kolejne elementy, jak jeden znacznik może zmienić dosłownie wszystko. To świetna sprawa. Zwłaszcza na początku nauki.