HTML Урок 2 Пищита Е.В.. СОДЕРЖАНИЕ УРОКА Вставка горизонтальной линии. Тег Цвет горизонтальной линии. Тег Выравнивание горизонтальной линии. Тег Линия. - презентация

1 HTML Урок 2 Пищита Е.В.

2 СОДЕРЖАНИЕ УРОКА Вставка горизонтальной линии. Тег Цвет горизонтальной линии. Тег Выравнивание горизонтальной линии. Тег Линия без объёма. Тег Вставка рисунка на страничку. Тег Атрибут ALT тега IMG Выравнивание рисунка в документе Рисунок в роле фона. Тег Практическая работа 1 Пищита Е.В.

3 Вставка горизонтальной линии Тег позволяет вставлять на страничку горизонтальные линии: Пищита Е.В.

4 Цвет горизонтальной линии Цвет горизонтальной линии можно задать так: Пищита Е.В.

5 Выравнивание горизонтальной линии Горизонтальную линию выравнивают по документу так: - слева - по центру - справа Пищита Е.В.

6 Линия без объёма Пищита Е.В.

7 Вставка рисунка на страничку, где рисунок – это имя файла и путь его нахождения. Если рисунок находится в той же папке, что и html-документ, то указывать путь не надо: Если рисунок находится на сайте: Другие параметры рисунка (в пикселях): Пищита Е.В. Пищита Е.В.">

8 ALT =текст- Это сообщение, которое выводится вместо рисунка, если он не показывается. И этот текст виден в виде подсказки, когда курсор мыши находится на рисунке. Атрибут ALT тега IMG Пищита Е.В.

9 Выравнивание рисунка в документе Следующим параметром рисунку можно задать выравнивание в документе: Где * может принимать следующие атрибуты: LEFT - по левому краю. RIGHT - по правому краю. TOP - выравнивают верхнюю кромку изображения с верхней линией текущей текстовой строки. MIDDLE - выравнивает базовую линию текущей текстовой строки с центром изображения. ABSMIDDLE - выравнивает центр текущей текстовой строки с центром изображения. BOTTOM - выравнивают нижнюю кромку изображения с базовой линией текущей текстовой строки. ABSBOTTOM - выравнивает нижнюю кромку изображения с нижней кромкой текущей текстовой строки. Пищита Е.В.

10

11 Рисунок в роле фона тег BODY BACKGROUND Фоном можно сделать и картинку. Можно использовать, как большой графический файл ( страница будет грузиться очень долго ), так и маленький. Он будет автоматически размножен обозревателем по всей странице: Пищита Е.В.

12

13 Практическая работа 1 Создать первую страницу проекта, на которой отобразить: - Название проекта - Кто работал над проектом - Цель проекта - Актуальность проекта Необходимые элементы: - Шрифты - Абзацы - Линии - Картинки Предусмотреть: - Выравнивание абзацев - Цвет текста - Фон страницы Сохранить страницу в папке Web-проект (корневой папки Портфолио проекта) под именем index.htm Пищита Е.В.