CodeDala
</>
💻 Для разработчиков

HTML Основы

Семантическая вёрстка и структура страниц

Что ты создашь
📘Прочный фундамент
⚡Практика в браузере
🎯Мини-проекты
🎓Сертификат курса
📘 13 уроков⏱ 1-2 вечера🎓 Средний
🎯 Цель
Освоить HTML Основы
⚡+180XP
🏆СертификатPDF
🎓Курс пройден
Прогресс0 / 13 · 0%
Следующий шаг: Что такое HTML

Программа курса

01

Основы

0 / 5 уроков
⌄
  1. 01

    Что такое HTML

    Язык разметки•Как работает браузер•Первый запуск⚡ +10
    ▶ Сейчас
  2. 02

    Теги: как устроен HTML

    Открывающий и закрывающий тег•Содержимое между ними•Правила вложенности⚡ +10
    Открыт
  3. 03

    Скелет HTML-страницы

    doctype html•<html>, <head>, <body>•Минимальная страница⚡ +10
    Открыт
  4. 04

    Метаданные в head

    <title>•meta charset•meta viewport⚡ +10
    🔒 Pro
  5. 05

    Комментарии и форматирование

    Синтаксис <!-- -->•Когда комментировать•Отступы и читаемость⚡ +10
    🔒 Pro
02

Текст

0 / 2 уроков
⌄
  1. 06

    Заголовки и абзацы

    Уровни заголовков h1–h6•Абзац <p>•Структура текста⚡ +10
    🔒 Pro
  2. 07

    Форматирование текста

    Жирный <strong>•Курсив <em>•Перенос строки <br>⚡ +10
    🔒 Pro
03

Ссылки и навигация

0 / 1 уроков
⌄
  1. 08

    Ссылки

    Тег <a>•Атрибут href•Открытие в новой вкладке⚡ +10
    🔒 Pro
04

Изображения и медиа

0 / 1 уроков
⌄
  1. 09

    Изображения

    Тег <img>•Атрибут src•Атрибут alt⚡ +10
    🔒 Pro
05

Текст

0 / 1 уроков
⌄
  1. 10

    Списки

    Маркированный <ul>•Нумерованный <ol>•Элементы <li>⚡ +10
    🔒 Pro
06

Семантика и доступность

0 / 1 уроков
⌄
  1. 11

    Семантические теги: header, main, footer

    Зачем семантика•<header>, <nav>, <main>•<section>, <article>, <footer>⚡ +10
    🔒 Pro
07

Таблицы

0 / 1 уроков
⌄
  1. 12

    Таблицы

    <table>, <tr>, <td>•Заголовки <th>•Когда таблицы уместны⚡ +10
    🔒 Pro
08

Мини-проекты

0 / 1 уроков
⌄
  1. 13

    Мини-проект: визитка

    Собираем всё вместе•Заголовок, текст, картинка•Ссылки и список
    Курс пройден
    🔒 Pro