1
HTML
HTML5
1.1. Основы HTML
- Структура HTML-документа
- Тег <html>
- Тег <head>
- Тег <title>
- Тег <meta>
- Тег <style>
- Тег <link>
- Тег <script>
- Тег <body>
1.2. HTML-теги
1.3. HTML-атрибуты
1.4. HTML-текст
- Теги заголовков
- Теги для форматирования текста
- Теги для ввода «компьютерного» текста
- Теги для оформления цитат и определений
- Абзацы, средства переноса текста
1.5. HTML-ссылки
- Структура ссылки
- Абсолютный и относительный путь
- Якорь
- Как сделать изображение-ссылку
- Как сделать ссылку на телефонный номер, скайп или адрес электронной почты
- Атрибуты ссылок
1.6. HTML-изображения
- Тег <img>
- Адрес изображения
- Размеры изображения
- Форматы графических файлов
- Тег <map>
- Тег <area>
- Пример создания карты-изображения
1.7. HTML-таблицы
- Как создать таблицу
- Как создать строки (ряды) таблицы
- Как сделать ячейку заголовка столбца таблицы
- Как сделать ячейку тела таблицы
- Как добавить подпись (заголовок) к таблице
- Группирование строк и столбцов таблицы <colgroup> и <col>
- Группировка разделов таблицы <thead>, <tbody> и <tfoot>
- Как объединить ячейки таблицы
- Атрибуты элементов таблицы
- Пример создания таблицы
1.8. HTML-списки
- Маркированный список <ul>
- Нумерованный список <ol>
- Список определений <dl>
- Вложенный список
- Многоуровневый нумерованный список
1.9. Спецсимволы HTML
1.10. HTML-генераторы
1.11. Семантические элементы HTML5
- Элемент <address>
- Элемент <main>
- Элемент <figure>
- Элемент <figcaption>
- Элемент <time>
- Элемент <mark>
- Элемент <bdi>
- Элемент <wbr>
- Элементы для описания Восточно-Азиатских символов
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.12. HTML5-аудио
- Элемент <audio>
- Аудио кодеки
- Альтернативные медиа-ресурсы <source>
- Добавление субтитров и заголовков <track>
- Стилизованный пример аудио плеера
1.13. HTML5-видео
- Элемент <video>
- Встраиваемый интерактивный контент <embed>
- Видеокодеки
- Видеоконтейнеры
- Альтернативные медиа-ресурсы <source>
- Добавление субтитров и заголовков <track>
- Пример: размещаем видео на сайте
- Видеоконвертеры
1.14. Необязательные теги HTML5-разметки
1.15. HTML5-формы
- Элемент <form>
- Группировка элементов формы <fieldset>
- Создание полей формы <input>
- Текстовые поля ввода <textarea>
- Раскрывающийся список <select>
- Надписи к полям формы <label>
- Кнопки <button>
- Флажки и переключатели в формах
1.16. Контентная модель HTML5
- Мета содержимое
- Потоковое содержимое
- Секционное содержимое
- Заголовочное содержимое
- Текстовое содержимое
- Встроенное содержимое
- Интерактивное содержимое
- Явное содержимое
- Элементы, поддерживающие скрипт
- Корневое секционное содержимое
- Прозрачная модель содержимого