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: What is HTML

Course program

01

Основы

0 / 5 lessons
⌄
  1. 01

    What is HTML

    Markup language•How the browser works•First run⚡ +10
    ▶ Now
  2. 02

    Tags: how HTML is built

    Opening and closing tag•Content between them•Nesting rules⚡ +10
    Open
  3. 03

    The HTML page skeleton

    doctype html•<html>, <head>, <body>•Minimal page⚡ +10
    Open
  4. 04

    Metadata in the head

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

    Comments and formatting

    The <!-- --> syntax•When to comment•Indentation and readability⚡ +10
    🔒 Pro
02

Текст

0 / 2 lessons
⌄
  1. 06

    Headings and paragraphs

    Heading levels h1–h6•The <p> paragraph•Text structure⚡ +10
    🔒 Pro
  2. 07

    Text formatting

    Bold <strong>•Italic <em>•Line break <br>⚡ +10
    🔒 Pro
03

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

0 / 1 lessons
⌄
  1. 08

    Links

    The <a> tag•The href attribute•Opening in a new tab⚡ +10
    🔒 Pro
04

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

0 / 1 lessons
⌄
  1. 09

    Images

    The <img> tag•The src attribute•The alt attribute⚡ +10
    🔒 Pro
05

Текст

0 / 1 lessons
⌄
  1. 10

    Lists

    Unordered <ul>•Ordered <ol>•The <li> items⚡ +10
    🔒 Pro
06

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

0 / 1 lessons
⌄
  1. 11

    Semantic tags: header, main, footer

    Why semantics•<header>, <nav>, <main>•<section>, <article>, <footer>⚡ +10
    🔒 Pro
07

Tables

0 / 1 lessons
⌄
  1. 12

    Tables

    <table>, <tr>, <td>•Headers <th>•When tables fit⚡ +10
    🔒 Pro
08

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

0 / 1 lessons
⌄
  1. 13

    Mini-project: a business card

    Putting it all together•Heading, text, image•Links and a list
    Course complete
    🔒 Pro