Язык разметки гипертекста HTML Hyper Text Markup Language

Основа языка HTML – теги Теги – управляющие слова. Они бывают парные(контейнеры) и непарные. - парный тег - непарный У тега могут быть свойства, называемые атрибутами, дающие дополнительные возможности форматирования текста. Они записываются в виде пары имя-значение, причем нечисловое значение заключается в кавычки. Например: align="center Новый абзац size=5 Шрифт

Структура html-документа Заголовок документа Тело документа

- обозначение HTML документа - здесь располагается тег названия документа и теги для поисковых машин - название документа, отображаемое в заголовке браузера - Определяет видимую часть документа Теги разметки HTML-документа

1. Заголовок head самый большой заголовок … самый маленький заголовок 2. Разделение на абзацы и перенос строки -begin row тег принудительного перевода строки. paragraph - разделяет текст на абзацы. Пример: Коммуникация

Пример Это заголовок первого уровня Это заголовок второго уровня Это заголовок третьего уровня Это заголовок четвертого уровня Это заголовок пятого уровня Это заголовок шестого уровня Это просто текст

моноширинный шрифт Verdana верхний индекс нижний индекс Для вывода математических и химических формул. y=x 2 y=x 2 x 1 =0 x 1 =0 3. Форматирование шрифта italyc курсив bold полужирный для подчеркивания

текст - указывают параметры шрифта текста цвет текста (по умолчанию - черный). базовый размер шрифта По умолчанию размер равен 3

4. Горизонтальная линия horisont row - сплошная заливка (без объема)

Это простой текст. Этот текст красный, размера 5. Этот текст синий, размера 2.

Этапы создания web-страницы 1.В блокноте набрать текст и с тегами 2.Сохранить файл с расширением.htm (имя и расширение из строчных латинских букв). При выбирете в Типе файла Все файлы. Например, index.htm 3.Закрыть блокнот 4.Открыть web-страницу 5.Для редактирования страницы открыть её с помощью блокнота 6.Чтобы сохранить изменения в блокноте Ctrl +S. Обновить страницу F5.

Работа со шрифтами ШРИФТЫ Шрифты бывают разные с курсивом полужирные Arial Times New Roman красный моноширинный Формулы q=2 n x 1 +x 2 =10

Домашнее задание Создайте СВОЮ web-страницу по образцу (пишите о себе, кроме формул). Сохраните под своей фамилией с указанием класса. Например, islamov9b.htm Цвета линий должны становиться короче (70%, 60%, 50%) и светлее Пришлите страницу учителю (Морева Е.А. Мустафина А.Т. В теме письма укажите тему: Фамилия класс Первая страница. Например, Исламов 9Б Первая страница Чтобы вставить знак ±, необходимо ввести ± Например, х= ±2 X= ± 2

Фон страницы Для изменения фона служит атрибут тега : 1.bgcolor-задает цвет в формате #RRGGBB Например: Цвет страницы красный. 2. background позволяет задать в качестве фона html-страницы картинку.