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 373624 zapisanych uczestników
All Levels Ostatnia aktualizacja: 2022-11-07
4.72 / 5
Liczba ocen: 93749

Język kursu - angielski Okładka kursu

The HTML & CSS Bootcamp 2023 Edition

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

Czas trwania: 37 total hours 5946 zapisanych uczestników
Beginner Level Ostatnia aktualizacja: 2023-04-17
4.81 / 5
Liczba ocen: 610

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 949607 zapisanych uczestników
All Levels Ostatnia aktualizacja: 2023-04-28
4.66 / 5
Liczba ocen: 281316

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

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 19543 zapisanych uczestników
Beginner Level Ostatnia aktualizacja: 2023-03-24
4.89 / 5
Liczba ocen: 5088

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: 73 total hours 5334 zapisanych uczestników
All Levels Ostatnia aktualizacja: 2023-04-05
4.55 / 5
Liczba ocen: 826

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 32709 zapisanych uczestników
All Levels Ostatnia aktualizacja: 2023-04-26
4.35 / 5
Liczba ocen: 5786

Język kursu - polski Okładka kursu

Kurs FullStack Developer - kompletny od Podstaw do Mastera

Naucz się tworzenia stron www od podstaw na froncie i backendzie w: Html, CSS, JavaScript, Node.js, MongoDB, Mysql React

Czas trwania: 72 total hours 431 zapisanych uczestników
All Levels Ostatnia aktualizacja: 2023-04-05
4.88 / 5
Liczba ocen: 33

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