Вступ
HTML: структура сторінки, а не набір тегів
Перший курс, якщо ти взагалі нічого не писав. Розберемо, з чого складається сторінка, чим абзац відрізняється від заголовка, навіщо потрібні семантика, форми й alt у картинок. До кінця ти сам збираєш читабельну сторінку, яку зрозуміють і браузер, і скринрідер.
До першого урокуОдразу шпаргалкаТеми — кожна своїм уроком
01З чого складається сторінкаТег, атрибут, вкладеність. Без цього далі нікуди.
10 хв
02Текст: заголовки, абзаци, спискиСторінку читають очима і скринрідером. Порядок заголовків — це зміст.
11 хв
03Посилання й картинкиКуди веде клік і що бачить той, хто картинки не бачить.
11 хв
04Семантика і структураheader, main, article — не «гарні div». Це карта сторінки.
12 хв
05Форми й поляПоле без підпису — пастка. Кнопка без type — сюрприз.
13 хв
06ТаблиціТаблиця — для даних у рядках і стовпцях. Меню сайту нею не малюють.
10 хв
07Медіа й вбудовуванняВідео, звук, картинка під екран, чужа сторінка в iframe.
10 хв
08Доступність і metaСторінку читають не лише очима. Мова, заголовок, alt, порядок заголовків.
11 хв0/8 тем відкрито. Це вступ курсу, не весь курс на одній сторінці.