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

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 419247 zapisanych uczestników
All Levels Ostatnia aktualizacja: 2023-11-13
4.71 / 5
Liczba ocen: 106067

Język kursu - angielski Okładka kursu

The Complete 2024 Web Development Bootcamp

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

Czas trwania: 61.5 total hours 1251605 zapisanych uczestników
All Levels Ostatnia aktualizacja: 2024-03-27
4.71 / 5
Liczba ocen: 376056

Język kursu - angielski Okładka kursu

The HTML & CSS Bootcamp 2024 Edition

Brand New Course! Covers Flexbox, CSS Grid, Animations, Responsive Design and More! Tons of Exercises & Projects.

Czas trwania: 37 total hours 15460 zapisanych uczestników
Beginner Level Ostatnia aktualizacja: 2023-04-17
4.86 / 5
Liczba ocen: 2320

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 85413 zapisanych uczestników
All Levels Ostatnia aktualizacja: 2022-03-23
4.69 / 5
Liczba ocen: 26568

Flaga polska Kursy w języku polskim Flaga polska

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: 52 total hours 34418 zapisanych uczestników
All Levels Ostatnia aktualizacja: 2024-04-25
4.57 / 5
Liczba ocen: 6045

Język kursu - polski Okładka kursu

[2024] 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 22781 zapisanych uczestników
Beginner Level Ostatnia aktualizacja: 2024-03-27
4.89 / 5
Liczba ocen: 6131

Język kursu - polski Okładka kursu

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

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

Czas trwania: 66.5 total hours 6998 zapisanych uczestników
All Levels Ostatnia aktualizacja: 2024-05-06
4.55 / 5
Liczba ocen: 1054

Język kursu - polski Okładka kursu

[2024] 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.5 total hours 12221 zapisanych uczestników
Intermediate Level Ostatnia aktualizacja: 2024-02-03
4.91 / 5
Liczba ocen: 3056

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