HTML Самоучитель

HTML (HyperText Markup Language, язык разметки гипертекста) — это система верстки, которая определяет, как и какие элементы должны располагаться на веб-странице. Информация на сайте, способ ее представления и оформления зависят исключительно от разработчика и тех целей, которые он перед собой ставит.

Данный самоучитель предназначен в первую очередь для начинающих, только постигающих азы создания сайтов. Множество примеров и иллюстраций самостоятельной работы помогут быстрее изучить HTML.

HTML Первое Ознакомление

Первое ознакомление с HTML. Узнаем что такое HTML, какие у него преимущества и какие недостатки, как им пользоваться и как выглядит базовый HTML документ.

HTML Элементы

Изучим HTML Элементы. Узнаем синтаксис использования HTML элемента. Рассмотрим структуру создания элементов в HTML. Посмотрим пустые и вложенные элементы и примеры их использования.

HTML Атрибуты

Изучим что такое HTML атрибуты, для чего они нужны и как ими пользоваться. Рассмотрим как чередовать одинарные и двойные кавычки в атрибутах HTML.

HTML Заголовки

Рассмотрим почему же так важно использовать заголовки в HTML. Как можно изменить размеры заголовок используя CSS стилизацию.

HTML Абзац

HTML Стили

Познакомимся с атрибутом style. Узнаем для чего он нужен и рассмотрим некоторые примеры.

HTML Форматирование

Узнаем HTML элементы форматирования. Рассмотрим примеры использования таких элементов форматирования, как b, strong, em, i, small, mark, del, ins, sub, sup.

HTML Цитаты

Узнаем что означает цитата в HTML и какими элементами она выражается. Рассмотрим примеры и синтаксис использования элементов blockquote, cite, address, abbr.

HTML Комментарии

Изучим что такое HTML комментарии, для чего они нужны и как ими пользоваться. Узнаем как можно скрыть более одной строки с помощью комментарии.

HTML CSS

Изучим стилизацию в самом HTML документе. Ознакомимся с элементом style. Рассмотрим как можно менять фоновый цвет и цвет текста используя тега style.

HTML Ссылки

Узнаем что такое HTML ссылка и какие виды ссылок есть. Разберем примеры использования элемента a. Посмотрим создания простой текстовой ссылки, создания интерактивных ссылок на почту и телефон.

HTML Изображения

Найдем ответы на такие вопросы как что такое HTML изображения, как им пользоваться, как вставлять на изображения на сайт и так далее. Рассмотрим примеры использования тега img. Узнаем какие атрибуты есть у элемента img и посмотрим их примеры.

HTML Favicon

Узнаем, что такое HTML Favicon и как его добавить на сайт. Посмотрим какие форматы Favicon существует и поддержка их со стороны браузеров.

HTML Таблицы

Ознакомимся с таблицей в HTML. Узнаем как создается простая таблица, какой синтаксис создания таблицы в HTML. Рассмотрим элементы таблицы: table, td, tr, th, thead, tfoot, caption и tbody.

HTML Списки

Ознакомимся со списками в HTML. Узнаем как создаются списки и какие виды списков есть в HTML. Рассмотрим неупорядоченный, упорядоченный и списки описаний.

HTML Блочные & Строчные Элементы

Ознакомимся какие основные виды HTML элементов существует. Узнаем список блочных и строчных элементов и синтаксис их использования.

HTML Классы

Изучим что такое HTML классы, для чего они нужны и как ими пользоваться. Рассмотрим связь атрибута class с таблицей стилей. Посмотрим примеры использования несколько классов одновременно.

HTML Id

Узнаем что такое атрибут id и для чего он нужен. Рассмотрим в чем же разница между идентификатором и классом. Посмотрим синтаксис использования атрибута id.

HTML Фреймы

Узнаем что такое Фрейм в HTML, для чего он нужен; как изменить ширину и высоту фрейма и в каких случаях можно использовать элемента iframe.

HTML Взаимодействие с JavaScript

Узнаем как же происходит взаимодействие HTML с JavaScript. Как теги для этого используются. Рассмотрим примеры использования элементов script и noscript.

HTML Семантика

Узнаем что такое HTML семантика, для чего она нужна. Какие элементы являются семантическими и как ими воспользоваться.