Язык разметки гипертекста HTML Hyper Text Markup Language. - презентация

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

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

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

4

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

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

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

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

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

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

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

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

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

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

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