Структура HTML-документа HTML – язык разметки гипертекстовых документов. - презентация

1 Структура HTML-документа HTML – язык разметки гипертекстовых документов

2 Документ HTML представляет собой обычный текстовый файл, который содержит конструкции языка HTML. Поэтому этот документ можно создавать в обычных текстовых редакторах, например программе Блокнот, а затем сохранять созданные файлы с расширением.htm или.html. Документ HTML представляет собой обычный текстовый файл, который содержит конструкции языка HTML. Поэтому этот документ можно создавать в обычных текстовых редакторах, например программе Блокнот, а затем сохранять созданные файлы с расширением.htm или.html. Суть языка HTML - в разметке текста с помощью управляющих символов - тегов, которые располагаются в угловых скобках. Суть языка HTML - в разметке текста с помощью управляющих символов - тегов, которые располагаются в угловых скобках.

3 Основные теги HTML-документ всегда должен начинаться отрывающим тегом и заканчиваться закрывающим.

4

5 блок заголовка блок заголовка Тело документа, в котором размещаются тексты, рисунки, аудио и видеофрагменты. Тело документа, в котором размещаются тексты, рисунки, аудио и видеофрагменты. В блоке заголовка размещается тег В блоке заголовка размещается тег текст. текст. Текст, указанный в этом теге отображается в заголовке окна браузера.

6 Пример 1 Откройте Блокнот и создайте простой HTML- документ. Сохраните созданный файл Фамилия.htm Откройте созданный документ в браузере.

7 Оформление HTML-документа Теги языка HTML могут содержать Теги языка HTML могут содержать атрибуты, которые являются параметрами или свойствами элементов разметки документа. Правило записи атрибутов в теге следующее: Правило записи атрибутов в теге следующее: атрибут2=значение …>

8 Тег определяет внешний вид всей веб- станицы. Цвет страницы задается Цвет страницы задается атрибутом - bgcolor, атрибутом - bgcolor, Цвет текста задается Цвет текста задается атрибутом - text. атрибутом - text. Значением атрибутов является цвет, который задается своим названием на английском языке или его шестнадцатеричным кодом. - синий цвет страницы - синий цвет страницы

9 При формировании веб-страниц указываются уровни заголовков, которые обозначаются При формировании веб-страниц указываются уровни заголовков, которые обозначаются h1, h2,... h2,... h6. Для описания уровней используются соответствующие теги, например, для третьего уровня и. Для описания уровней используются соответствующие теги, например, для третьего уровня и. Заголовок уровня 1 самый крупный, а уровня 6 самый маленький. Заголовок уровня 1 самый крупный, а уровня 6 самый маленький.

10 Для выравнивания текста на странице указывается значение атрибута align : align = center выравнивание заголовка по центру; align = center выравнивание заголовка по центру; align = left выравнивание заголовка по левому краю; align = left выравнивание заголовка по левому краю; align = right выравнивание заголовка по правому краю. align = right выравнивание заголовка по правому краю.

11 Отредактируйте в Блокноте вашу страницу Сохраните созданный файл Фамилия.htm Откройте созданный документ в браузере.

12

13

14 Выполните одно из упражнений на стр. 24

15 Выходной тест 1. Каким тeгом задается абзац? 2. Каким тегoм задается полужирное начертание символов? 3. Как задать фон всей веб-страницы? 4. Каким атрибуто задается цвет шрифта?

16 Проверь себя! С помощью атрибута bgcolor. 4. С помощью атрибута text.

17 Домашнее задание Параграф 3.1 читать, Параграф 3.1 читать, Упражнение 1 (любое из 4) на стр.24 в тетради выполнить. Упражнение 1 (любое из 4) на стр.24 в тетради выполнить.