CodeDala
</>
💻 For developers

HTML Basics

Semantic markup and page structure

What you'll build
📘A solid foundation
⚡Practice in the browser
🎯Mini-projects
🎓Course certificate
📘 13 lessons⏱ 1-2 evenings🎓 Intermediate
🎯 Mission
Master HTML Basics
⚡+180XP
🏆CertificatePDF
🎓Course complete
Progress0 / 13 · 0%
Next up: Что такое HTML

Course program

01

Основы

0 / 5 lessons
⌄
  1. 01

    Что такое HTML

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

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

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

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

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

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

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

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

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

Текст

0 / 2 lessons
⌄
  1. 06

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

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

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

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

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

0 / 1 lessons
⌄
  1. 08

    Ссылки

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

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

0 / 1 lessons
⌄
  1. 09

    Изображения

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

Текст

0 / 1 lessons
⌄
  1. 10

    Списки

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

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

0 / 1 lessons
⌄
  1. 11

    Структура HTML-документа

    <!DOCTYPE html>•<head> и <body>•Мета-теги⚡ +10
    Open
07

Таблицы

0 / 1 lessons
⌄
  1. 12

    Таблицы

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

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

0 / 1 lessons
⌄
  1. 13

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

    Собираем всё вместе•Заголовок, текст, картинка•Ссылки и список
    Course complete
    Open
HTML Basics — online coding course