HTML Язык гипертекстовой разметки страниц. Web-страница Web-страница – это документ в формате HTML, содержащий текст и специальные инструкции – дескрипторы. - презентация

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

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

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

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

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

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

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

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

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

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

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

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

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

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

15 текст абзаца

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

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

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

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

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

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

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