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

Презентация:



Advertisements
Похожие презентации
Web-страницы и Web-сайты. Структура Web- страницы.
Advertisements

HTML – язык гипертекстовой разметки документов (Hyper Text Markup Language)
Создание сайтов. Основы языка разметки гипертекстовых документов HTML.
Автор: Пилишкина Надежда Васильевна. HTML (Hyper Text Markup Language) «Язык гипертекстовой разметки» «Многомерный» текстовый документ, в котором установлены.
Основы HTML. HTML (Hyper Text Markup Language) язык разметки гипертекста Web-страницы.
Структура HTML- документа. Терминология Элемент - конструкция языка HTML. Это контейнер, содержащий данные и позволяющий отформатировать из определенным.
был разработан британским учёным Тимом Бернерсом-Ли приблизительно в годах. это язык разметки гипертекста.
Web - страницы и Web - сайты. Структура Web – страницы. Форматирование текста на Web – странице.
Web-сайты и Web- страницы. Web-страницы - специальные файлы, написанные на языке HTML (HyperText Markup Language - язык разметки гипертекста). Браузер.
HTML УРОК 1 Пищита Е.В.. СОДЕРЖАНИЕ УРОКА HTML документ Структура простого html документа Теги Создание HTML документа Заголовки. Тег Размер шрифта. Тег.
Powerpoint Templates Page 1 Язык разметки гипертекста HTML.
Из опыта работы Ермаковой Вероники Викентьевны учителя информатики МОУ СОШ 19 г. Белово Основы языка разметки гипертекста HTML.
Язык разметки текста HTML. HTML-страница HTML-страница представляет собой простой текстовый файл, в котором наряду с текстом присутствуют специальные.
Основы языка HTML или с чего я начинала создавать WEB-страницу.
Познакомиться с понятием Web-страница; Познакомиться с понятием «тэг» Познакомиться со структурой программы на языке НТМL Познакомиться с тэгами форматирования.
Язык разметки гипертекста HTML Hyper Text Markup Language.
Урок по информатике Разработка учителя информатики средней школы 1 г. Приволжска Твельневой Т.А. Создание Web-страницы Цель урока: познакомить учащихся.
Язык разметки гипертекста HTML. Язык разметки гипертекстовых документов HTML (HyperText Markup Language). Если Вы хотите стать Web - дизайнером, то вы.
Выполнил: Мирмахмудова Мумтозахон Проверила:. Web-сайты и Web-страницы Web-сайт состоит из Web-страниц, объединенных гиперссылками. Web-страницы могут.
РАЗРАБОТКА WEB-САЙТОВ.. Создание Web-сайтов реализуется с помощью языка разметки гипертекстовых документов HTML. Тэги – инструкции браузеру, указывающие.
Транксрипт:

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

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

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

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

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

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

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

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

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

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

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

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

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

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