HTML i CSS

Aktualizacja: 06.08.2020

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:

Język kursu - angielski Okładka kursu

Build Responsive Real World Websites with HTML5 and CSS3

The easiest way to learn modern web design, HTML5 and CSS3 step-by-step from scratch. Design AND code a huge project.

Czas trwania: 12 total hours 230689 zapisanych uczestników
All Levels Ostatnia aktualizacja: 2020-10-29
4.51 / 5
Liczba ocen: 53337

Język kursu - angielski Okładka kursu

Modern HTML & CSS From The Beginning (Including Sass)

Build modern responsive websites & UIs with HTML5, CSS3 & Sass! Learn Flex & CSS Grid

Czas trwania: 21 total hours 54267 zapisanych uczestników
All Levels Ostatnia aktualizacja: 2020-04-19
4.67 / 5
Liczba ocen: 18109

Język kursu - angielski Okładka kursu

Web Design for Beginners: Real World Coding in HTML & CSS

Launch a career as a web designer by learning HTML5, CSS3, responsive design, Sass and more!

Czas trwania: 11 total hours 58821 zapisanych uczestników
All Levels Ostatnia aktualizacja: 2020-07-12
4.63 / 5
Liczba ocen: 16208

Język kursu - angielski Okładka kursu

Beginner Full Stack Web Development: HTML, CSS, React & Node

Learn web development with HTML, CSS, Bootstrap 4, ES6 React and Node

Czas trwania: 31.5 total hours 110507 zapisanych uczestników
Beginner Level Ostatnia aktualizacja: 2020-10-31
4.42 / 5
Liczba ocen: 9912

Język kursu - polski Okładka kursu

[2021] 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 8732 zapisanych uczestników
Beginner Level Ostatnia aktualizacja: 2021-05-19
4.83 / 5
Liczba ocen: 1109

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: 47 total hours 26729 zapisanych uczestników
All Levels Ostatnia aktualizacja: 2021-05-18
4.34 / 5
Liczba ocen: 4630

Język kursu - polski Okładka kursu

HTML i CSS - poznaj podstawy i zacznij programować!

Stwórz swoją pierwszą witrynę internetową, naucz się podstaw programowania i poznaj HTML oraz CSS!

Czas trwania: 7.5 total hours 956 zapisanych uczestników
Beginner Level Ostatnia aktualizacja: 2018-03-01
4.5 / 5
Liczba ocen: 280

Język kursu - polski Okładka kursu

Web Developer Bootcamp - Tworzenie Stron od zera do Mastera

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

Czas trwania: 61.5 total hours 736 zapisanych uczestników
All Levels Ostatnia aktualizacja: 2021-04-29
4.58 / 5
Liczba ocen: 107

Inne kursy video na UdemyZobacz inne kursy video na Udemy

Najlepsze książki do nauki HTML i CSS

od wydawnictwa Helion:

Do nauki Bootstrap:

Sass:

Zobacz inne książki w kategorii HTML i CSS