HTML Язык гипертекстовой разметки страниц

Web-страница Web-страница – это документ в формате HTML, содержащий текст и специальные инструкции – дескрипторы (тэги) HTML. Документы HTML хранятся в файле с расширением.html, или.htm (например, index.html)

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

Структура HTML документа Служебная информация Тело документа

Создание текста Текст написанный между тегами отображается на экране Магистрально-модульный принцип работы В основу архитектуры современных персональных компьютеров положен магистрально- модульный принцип. Модульный принцип позволяет потребителю самому комплектовать нужную ему конфигурацию компьютера и производить при необходимости её модернизацию. Модульная организация компьютера опирается на магистральный (шинный) принцип обмена информацией между модулями.

Отображение в окне браузера В основу архитектуры современных персональных компьютеров положен магистрально- модульный принцип. Модульный принцип позволяет потребителю самому комплектовать нужную ему конфигурацию компьютера и производить при необходимости её модернизацию. Модульная организация компьютера опирается на магистральный (шинный) принцип обмена информацией между модулями.

Создание заголовков Заголовки создаются тегом. Используется 6 уровней заголовков от до Например: Заголовок 1 Заголовок 2 Заголовок 3 Заголовок 4 Заголовок 5 Заголовок 6 Заголовок 1 Заголовок 2 Заголовок 3 Заголовок 4 Заголовок 5 Заголовок 6

Абзац Абзац создается тегом Например: Текст абзаца

Форматирование текста Магистрально-модульный принцип работы В основу архитектуры современных персональных компьютеров положен магистрально- модульный принцип. Модульный принцип позволяет потребителю самому комплектовать нужную ему конфигурацию компьютера и производить при необходимости её модернизацию.. Модульная организация компьютера опирается на магистральный (шинный) принцип обмена информацией между модулями.

Магистрально-модульный принцип работы В основу архитектуры современных персональных компьютеров положен магистрально- модульный принцип. Модульный принцип позволяет потребителю самому комплектовать нужную ему конфигурацию компьютера и производить при необходимости её модернизацию. Модульная организация компьютера опирается на магистральный (шинный) принцип обмена информацией между модулями. Отображение в окне браузера

Атрибуты тегов Текст Например: Текст

Атрибут style Устанавливает стиль написания текста текст Style= " параметр 1:значение 1; параметр 2:значение 2;… "

Основные параметры шрифта font-weight: [bold|normal|number] - жирность шрифта font-style: [normal|italic|oblique] - наклон шрифта font-size: number - размер шрифта font-family: name - гарнитура шрифта color: number - цвет шрифта background-color: number - цвет подложки background: url - текстурная подложка

Например: текст абзаца

текст абзаца

Основные параметры абзаца text-align: [left|right|center|justify] – выравнивание text-indent: number - отступ красной строки line-height: number – интерлиньяж (межстрочный интервал) letter-spacing: number – трекинг (межбуквенный интервал)

Основные параметры абзаца (отступы от текста) padding-left: number - отступ от текста слева padding-right: number - отступ от текста справа padding-top: number - отступ от текста сверху padding-bottom: number - отступ от текста снизу

Основные параметры абзаца (отступы от границ) margin-left: number - отступ от границы слева margin-right: number - отступ от границы справа margin-top: number - отступ от границы сверху margin-bottom: number - отступ от границы снизу

Атрибуты тега Text – цвет текста Bgcolor – цвет фона Background=url – фоновый рисунок Например: Текст страницы (относится ко всей странице)

Отступы на странице LEFTMARGIN=0 – отступ слева TOPMARGIN=0 – отступ сверху MARGINWIDTH=0 – ширина поля (левого и правого) MARGINHEIGHT=0 – ширина поля (верхнего и нижнего)

Начертание шрифтов Полужирный текст курсив Подчеркнутый текст Пропорциональный

Фиксированный текст текст Текст, записанный в тэге pre выводится с точностью до пробела. Его можно использовать для написания стихотворений