1
Навчання
HTML5
Основи HTML1.1
- Структура HTML-документа
- Елемент <html>
- Елемент <head>
- Елемент <title>
- Елемент <meta>
- Елемент <style>
- Елемент <link>
- Елемент <script>
- Елемент <body>
HTML-Елементи1.2
HTML-атрибути1.3
HTML-текст1.4
- Елементи для заголовків
- Елементи для форматування тексту
- Елементи для введення комп'ютерного тексту
- Елементи для оформлення цитат та визначень
- Абзаци, засоби перенесення тексту
HTML-посилання1.5
- Структура посилання
- Абсолютний та відносний шлях
- Якір
- Як зробити зображення-посилання
- Як зробити посилання на телефонний номер, скайп або адресу електронної пошти
- Атрибути посилань
HTML-зображення1.6
- Елемент <img>
- Адреса зображення
- Розміри зображення
- Формати графічних файлів
- Елемент <map>
- Елемент <area>
- Приклад створення картки-зображення
HTML-таблиці1.7
- Як створити таблицю
- Як створити рядки (ряди) таблиці
- Як зробити комірку заголовка стовпця таблиці
- Як зробити комірку тіла таблиці
- Як додати підпис (заголовок) до таблиці
- Групування рядків та стовпців таблиці <colgroup> и <col>
- Угруповання розділів таблиці <thead>, <tbody> и <tfoot>
- Як об'єднати осередки таблиці
- Атрибути елементів таблиці
- Приклад створення таблиці
HTML-списки1.8
- Маркований список <ul>
- Нумерований список <ol>
- Список визначень <dl>
- Вкладений список
- Багаторівневий нумерований список
Спецсимволи HTML1.9
HTML-генератори1.10
Семантичні елементи HTML51.11
Елемент документа1.11.1
Метадані документа1.11.2
Разделы документа1.11.3
- Елемент <body>
- Елемент <article>
- Елемент <section>
- Елемент <nav>
- Елемент <aside>
- Елементы <h1>, <h2>, <h3>, <h4>, <h5> и <h6>
- Елемент <header>
- Елемент <footer>
Угруповання вмісту1.11.4
- Елемент <p>
- Елемент <address>
- Елемент <hr>
- Елемент <pre>
- Елемент <blockquote>
- Елемент <ol>
- Елемент <ul>
- Елемент <li>
- Елемент <dl>
- Елемент <dt>
- Елемент <dd>
- Елемент <figure>
- Елемент <figcaption>
- Елемент <main>
- Елемент <div>
Семантика рівня тексту1.11.5
- Елемент <a>
- Елемент <em>
- Елемент <strong>
- Елемент <small>
- Елемент <s>
- Елемент <cite>
- Елемент <q>
- Елемент <dfn>
- Елемент <abbr>
- Елемент <ruby>
- Елемент <rb>
- Елемент <rt>
- Елемент <rtc>
- Елемент <rp>
- Елемент <data>
- Елемент <time>
- Елемент <code>
- Елемент <var>
- Елемент <samp>
- Елемент <kbd>
- Елементи <sub> и <sup>
- Елемент <i>
- Елемент <b>
- Елемент <u>
- Елемент <mark>
- Елемент <bdi>
- Елемент <bdo>
- Елемент <span>
- Елемент <br>
- Елемент <wbr>
Правки документа1.11.6
Вбудований вміст1.11.7
- Елемент <picture>
- Елемент <source>
- Елемент <img>
- Елемент <iframe>
- Елемент <embed>
- Елемент <object>
- Елемент <param>
- Елемент <video>
- Елемент <audio>
- Елемент <track>
- Елемент <map>
- Елемент <area>
Посилання1.11.8
Табличні дані1.11.9
- Елемент <table>
- Елемент <caption>
- Елемент <colgroup>
- Елемент <col>
- Елемент <tbody>
- Елемент <thead>
- Елемент <tfoot>
- Елемент <tr>
- Елемент <td>
- Елемент <th>
Форми1.11.10
- Елемент <form>
- Елемент <label>
- Елемент <input>
- Елемент <button>
- Елемент <select>
- Елемент <datalist>
- Елемент <optgroup>
- Елемент <option>
- Елемент <textarea>
- Елемент <output>
- Елемент <progress>
- Елемент <meter>
- Елемент <fieldset>
- Елемент <legend>
- Атрибут autocomplete
Інтерактивні елементи1.11.11
Скрипти1.11.12
HTML5-аудіо1.12
- Елемент <audio>
- Аудіо кодеки
- Альтернативні медіа-ресурси <source>
- Додавання субтитрів та заголовків <track>
- Стилізований приклад аудіо плеєра
HTML5-відео1.13
- Елемент <video>
- Вбудований інтерактивний контент <embed>
- Відеокодеки
- Відеоконтейнери
- Альтернативні медіа-ресурси <source>
- Додавання субтитрів та заголовків <track>
- Приклад: розміщуємо відео на сайті
- Відеоконвертери
Необов'язкові теги HTML5-розмітки1.14
HTML5-форми1.15
- Елемент <form>
- Угруповання Елементів форми <fieldset>
- Створення полів форми <input>
- Текстові поля введення <textarea>
- Список, що розкривається <select>
- Написи до полів форми <label>
- Кнопки <button>
- Прапорці та перемикачі у формах
