HTML i CSS

Aktualizacja: 13.04.2022

Zobacz polecane:

Kursy Książki

Czym jest HTML i CSS?

Jeśli chcesz zacząć tworzyć strony internetowe, to powinieneś zacząć właśnie od tych technologii. HTML (ang. HyperText Markup Language – HiperTekstowy Język Znaczników) to język znaczników, za pomocą którego można tworzyć strukturę strony internetowej, a CSS (Cascading Style Sheets - Kaskadowe Arkusze Stylów) to język, który nadaje stronie wyglądu - to w nim zdefiniowane są wszystkie właściowści wyglądu elementów na stronie. HTML i CSS, wraz z JavaScriptem, składają się na podstawowy zestaw umiejętności dla frontend developera.

HTML

Znaczniki HTML są budulcem, za pomocą których tworzy się strukturę strony internetowej (wstawianie obrazków, akapitów, nagłówków, dzielenie strony na sekcje itd.). Dodatkowo w pliku HTML zawrzeć możemy metadane strony, takie jak kodowanie znaków, język, tytuł strony, jej opis itp. Możemy także załączyć arkusze stylów CSS czy skrypty Javascript. Poprzez nadanie poszczególnym elementom strony identyfikatorów lub klas, jesteśmy w stanie “nawiązać kontakt” pomiędzy wszystkimi tymi technologiami. To, jak zaprojektujemy strukturę stronę, wpływa na jej dostępność dla osób z niepełnosprawnościami lub posiadającymi słabsze urządzenia, a także na pozycję strony w wyszukiwarce’. Nie warto zatem traktować HTML-a pobłażliwie i warto po opanowaniu podstaw zainteresować się dostępnością i pozycjonowaniem strony (SEO).

CSS

CSS służy do nadawania wyglądu stronie napisanej w HTML. To w nim zdefiniujemy kolory, efekty, położenie, sposób wyświetlania, a nawet animacje poszczególnych elementów. CSS został stworzony w celu odseparowania struktury dokumentu HTML od formy jego prezentacji. Separacja ta zwiększa zakres dostępności witryny, zmniejsza zawiłość kodu oraz ułatwia wprowadzanie zmian w strukturze dokumentu.

Do znacznego ułatwienia i przyspieszenia edytowania stylów używane są preprocesory oraz frameworki:

Najlepsze kursy video do nauki HTML i CSS

na platformie Udemy:

Flaga angielska Kursy w języku angielskim Flaga angielska

(W języku polskim niżej)


Język kursu - angielski Okładka kursu

The Web Developer Bootcamp 2023

COMPLETELY REDONE - The only course you need to learn web development - HTML, CSS, JS, Node, and More!

Czas trwania: 64 total hours 851317 zapisanych uczestników
All Levels Ostatnia aktualizacja: 2022-12-22
4.7 / 5
Liczba ocen: 254161

Język kursu - angielski Okładka kursu

Build Responsive Real-World Websites with HTML and CSS

Learn modern HTML5, CSS3 and web design by building a stunning website for your portfolio! Includes flexbox and CSS Grid

Czas trwania: 37.5 total hours 361428 zapisanych uczestników
All Levels Ostatnia aktualizacja: 2022-11-07
4.74 / 5
Liczba ocen: 89883

Język kursu - angielski Okładka kursu

The Complete 2023 Web Development Bootcamp

Become a Full-Stack Web Developer with just ONE course. HTML, CSS, Javascript, Node, React, MongoDB, Web3 and DApps

Czas trwania: 65.5 total hours 891747 zapisanych uczestników
All Levels Ostatnia aktualizacja: 2023-01-20
4.67 / 5
Liczba ocen: 260303

Język kursu - angielski Okładka kursu

HTML&CSS Tutorial and Projects Course 2023 (Flexbox&Grid)

Web Development for absolute beginners.Learn HTML5 and CSS3 from scratch by building 20+ amazing real world projects.

Czas trwania: 40 total hours 17873 zapisanych uczestników
All Levels Ostatnia aktualizacja: 2022-06-26
4.74 / 5
Liczba ocen: 4247

Flaga polska Kursy w języku polskim Flaga polska

Język kursu - polski Okładka kursu

[2023] Kurs Tworzenia Stron WWW cz. I - HTML, CSS, RWD

Podstawy HTML, CSS, semantyka, dobre praktyki pisania kodu i RWD, czyli responsywne strony internetowe!

Czas trwania: 10 total hours 18203 zapisanych uczestników
Beginner Level Ostatnia aktualizacja: 2023-01-25
4.88 / 5
Liczba ocen: 4501

Język kursu - polski Okładka kursu

Kurs Tworzenia Stron WWW w HTML i CSS od Podstaw do Eksperta

Naucz się HTML 5, CSS 3, JS, XML, jQuery, AJAX, Responsive web design od podstaw. Wyjaśnię Ci wszystko od A do Z!

Czas trwania: 50.5 total hours 32308 zapisanych uczestników
All Levels Ostatnia aktualizacja: 2023-02-03
4.38 / 5
Liczba ocen: 5673

Język kursu - polski Okładka kursu

[2023] Kurs Web Developer Tworzenie Stron od zera do Mastera

Obszerny kurs 72h nauki web developmentu od podstaw! Html 5, CSS, JavaScript, DOM, Bootstrap 5, AJAX, + 200 pyt. rekrut.

Czas trwania: 72.5 total hours 4729 zapisanych uczestników
All Levels Ostatnia aktualizacja: 2023-02-05
4.68 / 5
Liczba ocen: 715

Język kursu - polski Okładka kursu

[2023] Kurs Tworzenia Stron WWW cz. II - SASS, JS, Bootstrap

Zaawansowany CSS, podstawy JavaScript, Bootstrap i więcej! Naucz się tworzyć profesjonalne strony WWW! :)

Czas trwania: 10 total hours 9140 zapisanych uczestników
Intermediate Level Ostatnia aktualizacja: 2023-01-25
4.92 / 5
Liczba ocen: 2093

Inne kursy video na UdemyZobacz inne kursy video na Udemy

Najlepsze książki do nauki HTML i CSS

od wydawnictwa Helion:

Bootstrap:

Sass:

Zobacz inne książki w kategorii HTML i CSS