Основы HTML

Основные понятия

  • Понятие WWW (World Wide Web).
  • Понятие гипертекстовых документов и web-сайтов.
  • Размещение и хранение web-сайтов. Понятие web-сервера.
  • Обзор программ (браузеров) для просмотра веб-сайтов.
  • Подбор программного обеспечения для работы над веб-сайтом. Необходимый минимум для начала работы.
  • Способы создания веб-сайтов: визуальный, работа с кодом, комбинированный.
  • Разработка структуры и этапы построения web-сайта.

Введение в HTML (язык гипертекстовой разметки)

  • Язык HTML. Основы, версии и стандарты языка HTML. Структура HTML документа. Основные разделы кода веб-страницы. Понятие тэгов HTML, их типы и оформление.
  • Объявление типа документа.
  • Открытие блока HTML и начало блока заголовков.
  • Обзор заголовков гипертекстовых документов, их синтаксис и назначение.
  • Обзор других тэгов, входящих в блок заголовков.
  • Закрытие блока заголовков и открытие основного блока (тэг body).
  • Закрывающие тэги блоков HTML.
  • Виды элементов: строчные и блочные.
  • Пример веб-страницы в простом текстовом редакторе и проверка её работы в браузере. Способы редактирования кода веб-страниц.

Обзор тэгов HTML для работы с текстом

  • Создание текстовых заголовков различных уровней и их позиционирование на веб-странице.
  • Обзор тэгов оформления и выделения текста.
  • Обзор тэгов разрыва строк.
  • Обзор тэгов создания списков различных типов.
  • Тэги вставки изображений на web-страницы и их параметры. Обзор поддерживаемых графических форматов, их различия, ограничения и использование.
  • Понятие гиперссылки. Типы и области применения гиперссылок. Тэги создания гиперссылок и их параметры.
  • Комментарии в HTML .
  • Понятие, использование и принципы построения таблиц. Обзор тэгов создания таблиц и их параметры.

Технология CSS и блочные элементы

  • Понятие, область применения и принципы построения каскадных таблиц стилей (CSS). Комментарии в CSS.
  • Использование CSS на веб-страницах, способы задания стилей и оформления отдельных элементов.
  • Обзор инструкций CSS для оформления, изменения размеров и цвета текста, высота строки, выравнивание.
  • Обзор инструкций CSS для установки фона и их параметры.
  • Блочные элементы (div). Позиционирование блочных элементов на странице.
  • Понятие и использование обрамления.
  • Понятие, инструкции и использование позиционирования объектов веб-страницы с помощью CSS. Примеры позиционирования отдельных элементов веб-страницы.
  • Обтекание (float). Отображение в общем потоке элементов.
  • Классы и идентификаторы. Наследование. Каскадирование. Приоритеты стилей CSS.
  • Управление отображением элементов страницы с помощью CSS. Обзор инструкций управления отображением.
  • Отступы (margin, padding).
  • Размеры элементов. Принцип расчета.
  • Виды CSS селекторов. Псевдоклассы.
  • Очищение потока элементов.
  • Псевдоэлементы.

Формы

  • Элементы формы. Принцип работы с ними.
  • Атрибуты элементов. Атрибут value.
  • Применение форм для создания элементов интерфейса.
  • Замечания по использованию элементов формы.

Оформление элементов

  • Новые технологии в CSS и HTML.
  • Дополнительные свойства CSS для оформления элементов (box-shadow, text-shadow, gradient, border-radius, transition, transform, font-face).

Дополнительная информация

  • Версия для печати. Media queries.
  • Фильтры.
  • Скрипты.
  • Мультимедия.
  • SVG.
  • Мнемоники HTML. Типографика, правила оформления.

Создание HTML шаблона страницы