HTML презентация

Слайд 1HTML
Урок №2
Пищита Е.В.


Слайд 2СОДЕРЖАНИЕ УРОКА
Вставка горизонтальной линии. Тег
Цвет горизонтальной линии. Тег

COLOR>
Выравнивание горизонтальной линии. Тег

Линия без объёма. Тег

Вставка рисунка на страничку. Тег
Атрибут ALT тега IMG
Выравнивание рисунка в документе
Рисунок в роле фона. Тег
Практическая работа №1

Пищита Е.В.


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

WIDTH="Длина линии в пикселях или процентах ">

Пищита Е.В.


Слайд 4Цвет горизонтальной линии
Цвет горизонтальной линии можно задать так:

или его 16-ричный вид" >



Пищита Е.В.


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

ALIGN="CENTER">  - по центру
  - справа

Пищита Е.В.


Слайд 6Линия без объёма

Пищита Е.В.


Слайд 7Вставка рисунка на страничку
, где рисунок – это имя файла

и путь его нахождения. Если рисунок находится в той же папке, что и html-документ, то указывать путь не надо:
Если рисунок находится на сайте:

Другие параметры рисунка
(в пикселях):
WIDTH="Ширина рисунка"
HEIGHT="Высота рисунка "
BORDER=“Граница вокруг рисунка”
HSPACE =“отступ рисунка по горизонтали от других объектов документа”
VSPACE =“отступ рисунка по вертикали от других объектов документа” >

Пищита Е.В.


Слайд 8
ALT =“текст”- Это сообщение, которое выводится вместо рисунка, если он не

показывается. И этот текст виден в виде подсказки, когда курсор мыши находится на рисунке.

Атрибут ALT тега IMG

Пищита Е.В.


Слайд 9Выравнивание рисунка в документе
Следующим параметром рисунку можно задать выравнивание в документе:



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

Пищита Е.В.


Слайд 10






Пищита Е.В.


Слайд 11Рисунок в роле фона тег BODY BACKGROUND
Фоном можно сделать и картинку.

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


Пищита Е.В.


Слайд 12Пищита Е.В.


Слайд 13Практическая работа №1
Создать первую страницу проекта, на которой отобразить:
Название проекта

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

Пищита Е.В.


Обратная связь

Если не удалось найти и скачать презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

Email: Нажмите что бы посмотреть 

Что такое ThePresentation.ru?

Это сайт презентаций, докладов, проектов, шаблонов в формате PowerPoint. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами с другими пользователями.


Для правообладателей

Яндекс.Метрика