ConsoleLogMyLife
HTML CSS Javascript Polityka prywatności

Kurs HTML od podstaw

lekcje

Podstawowa struktura dokumentu HTML

DOCTYPE, <html>, <head>, <body>
Podstawowe meta-tagi i znaczenie semantyki

podstawowy ~20–25 min

Nagłówki, akapity i formatowanie tekstu

<h1>–<h6>, <p>
<strong>, <em>, <br>, <hr>

podstawowy ~25–30 min

Listy uporządkowane i nieuporządkowane

<ul>, <ol>, <li>
Zagnieżdżanie list, atrybuty type i start

podstawowy ~15–20 min

Semantyczne bloki

<section>, <main>, <footer>, <header>
<aside>, <article>, <div>, <span>

podstawowy ~10 min

Hiperłącza, grafiki i atrybuty

<a> + href, target, rel
<img> + alt, src, loading

podstawowy ~15 min

Pola formularza – najpopularniejsze inputy

<form>, action, method, text, email
password, tel, checkbox, radio, submit

podstawowy ~15 min

Pozostałe popularne inputy i pola

textarea, date, time, number, range, color, file
atrybuty min/max/step/accept/rows

podstawowy ~12 min

Tabele – dane w wierszach i kolumnach

<table>, <thead>, <tbody>, <th>
colspan, rowspan, <caption>

podstawowy ~12 min

Multimedia – video, audio, iframe

<video>, <audio>, <source>
<iframe> (YouTube, mapy), atrybut controls

podstawowy ~12–15 min

Podstawy dostępności i meta-tagi

Sensowny alt, poprawne label, hierarchia nagłówków
<meta description>, Open Graph, lang

podstawowy ~10–15 min

Zaawansowane semantyczne tagi dla treści

<article>, <figure> + <figcaption>
<time>, <details> + <summary>

podstawowy ~15 min

Atrybuty globalne – class, id, data-*

id, class, data-*
Wewnętrzne kotwice, własne atrybuty dla JS/CSS

podstawowy ~12 min
Szybki kurs

HTML Rush ⚡

Ucz się HTML w szybkim tempie! Odpowiadaj na losowe pytania ABCD i zmniejsz licznik do zera. Dobra odpowiedź zmniejsza licznik, zła go zwiększa

Sprawdź się

Wszystkie tagi w 3 minuty

Sprawdź ile tagów html5 jesteś w stanie wypisać w ciągu 3 minut.

Wszystkie tagi w 5 minuty

Sprawdź ile tagów html5 jesteś w stanie wypisać w ciągu 5 minut.
przydatne strony i dokumentacja
MDN Web Docs – HTML

Najlepsza i najbardziej aktualna dokumentacja HTML na świecie.

Przejdź →
HTML Specyfikacja (WHATWG)

Oficjalna, żyjąca specyfikacja HTML (po angielsku).

Przejdź →
Can I Use...

Sprawdź wsparcie dla elementów i atrybutów w przeglądarkach.

Przejdź →
HTML Reference (htmlreference.io)

Szybkie, przejrzyste zestawienie wszystkich tagów i atrybutów.

Przejdź →
W3C HTML Validator

Sprawdź poprawność swojego kodu HTML.

Przejdź →