HTML

Что такое HTML

HTML (HyperТext Markup Language) – язык гипертекстовой разметки для создания Web-страниц.

<!DOCTYPE>

<!DOCTYPE> указывает стандарт HTML, в соответствии с которым написана Web-страница.

Мета теги. Информация в заголовке <head>

Контейнер <head> содержит информацию для браузеров и поисковых систем. Внутри контейнера <head> могут размещаться теги <base>, <index>, <link>, <meta>, <script>, <style>, <title>.

Тег <base>

Тег <base> задает базовый адрес (URL) для гипертекстовых ссылок документа, заданных в относительной форме. Кроме того, <base> позволяет способ открытия ссылок по умолчанию.

Текст в html

Основные теги форматирования и верстки текста.

HTML списки

Список – это взаимосвязанный набор отдельных фраз или предложений, которые начинаются с маркера или цифры.

Ссылки

Ссылки – основа гипертекстовых документов, они позволяют переходить с одной Web-страницы на другую, а также на определенное место внутри Web-страницы.

Картинки на сайте

Для вставки картинки на Web-страницу используется одиночный тег <img> с обязательным атрибутом src, указывающим адрес графического файла.

Таблицы

Основные html-теги таблиц.

Фреймы

Фреймы – это прямоугольные области экрана, каждая из которых содержит свой собственный HTML-документ.

Формы (FORM)

Формы – поля, переключатели и кнопки для ввода информации посетителем Web-страницы.

DHTML

Динамический HTML (DHTML)– набор средств, которые позволяют создавать более интерактивные Web-страницы без увеличения загрузки сервера.

Музыка и звуки на HTML-странице

Для вставки музыки и звуков на Web-страницу используется тег <audio> с обязательным атрибутом src, указывающим адрес звукового файла.

Видео на HTML-странице

Для вставки видео на Web-страницу можно использовать тег <video> или выложить видеофайл на YouTube и указать путь к нему в атрибуте src тега <iframe>.

Карты изображений

Карта изображений позволяет привязывать ссылки к определенным областям картинки.

SVG карты

Интерактивная карта (SVG Map) так же, как и карта изображений (Image Map), позволяет привязывать ссылки и события к определенным областям картинки. Работать с ней проще, чем с Image Map.

Графика в HTML5

Масштабируемая векторная графика SVG (Scalable Vector Graphics) – это язык разметки для описания двухмерных графических приложений и изображений.

SSI .shtml

SSI (Server-Side Includes) – включение кода на стороне сервера.

Таблица цветов RGB

Цветовая модель RGB является основной для компьютерного дизайна.

Правильное сочетание цветов

Правильное сочетание цветов – важная часть работы дизайнера.

Таблица «безопасных» цветов

Таблица «безопасных» цветов – палитра цветов, рекомендуемых для экранного дизайна.

Таблица символов

Таблица кодов для ввода специальных символов, которые отсутствуют на клавиатуре.

Примеры HTML, CSS

Подборка примеров html-кода и стилевых (CSS) решений.

Alt-коды

Alt-коды – сочетание клавиши Alt и десятичного числа. Используются для ввода символов, которых нет на клавиатуре.


.