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

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

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

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

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

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

Вставка рисунка на страничку, где рисунок – это имя файла и путь его нахождения. Если рисунок находится в той же папке, что и html-документ, то указывать путь не надо: Если рисунок находится на сайте: Другие параметры рисунка (в пикселях): <IMG SRC="рисунок" WIDTH=" Ширина рисунка " HEIGHT=" Высота рисунка " BORDER= Граница вокруг рисунка HSPACE = отступ рисунка по горизонтали от других объектов документа VSPACE = отступ рисунка по вертикали от других объектов документа > Пищита Е.В.

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

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

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

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