Основы HTML. Изображение и мультимедиа

ШЫҒЫС ҚАЗАҚСТАН ТЕХНИКАЛЫҚ-ЭКОНОМИКАЛЫҚ КОЛЛЕДЖІ

ВОСТОЧНО-КАЗАХСТАНСКИЙ ТЕХНИКО-ЭКОНОМИЧЕСКИЙ КОЛЛЕДЖ

Р Е Ф Е Р А Т

Дисциплина:Web-программирование

Глава № 2:Основы HTML

Тема: Изображение и мультимедиа

 Выполнил: 

                    Гнатюк А.Н.

                    гр.17-21ИС

 Проверила:

                   Акумбаева Г.И.

г.Усть-Каменогорск, 2018г.

Содержание

Введение…………………………………………………………………….3

1. Встраивание изображений………………………………………………4

1.2 Карты изображения…………………………………………………….5

Заключение………………………………………………………………….7

Список литературы…………………………………………………………8

Введение.

Целью данного реферата является описание структуры создания HTML страниц. Создаем HTML страницу с нуля , верстка, Разработка дизайна , Верстка, Программирование.+ 
Тема реферата состоит из, глав 1 и 6 разделов заключения, списка литературы, а также УМК из 8 папок. 
На сегодняшний день много вопросов по данной теме приобрели особую важность в жизни людей. С каждым днём современность всё больше удивляет своими технологиями, но есть определённые проблемы, которые так и не удалось решить. 

1.1Встраивание изображений

Самым простым и распространенным для выстраивания в веб-страницы мультимедийным элементом является изображение. У него множество плюсов: статичность, небольшие размеры файлов (относительно других типов мультимедиа содержимого), широкая область применения. Изображения являются незаменимым элементом на любом современном веб-сайте.

        Для встраивания изображения в HTML-документ применяется не требующий закрывающего тега элемента IMG и имеющий атрибуты:

Src-обязательный параметр, содержащий URI изображения. Оно должно храниться в графическом формате, поддерживаемом браузером. На сегодняшний день форматы PING, GIF и JPG поддерживаются большинством

Браузеров.

Alt- задает текст, который будет отображен браузером, не поддерживающим отображение графики. Обычно, это короткое описание изображения, которое пользователь мог бы или сможет увидеть на экране. Его также можно увидеть при наведении указателя мыши на изображение. Если данный параметр не срабатывает, то необходимо добавить в элемент IMG тег Title с аналогичным содержанием

Height- указывает высоту рисунка и пикселях или процентах относительно родительского элемента. Если данный параметр не указан, то используется оригинальная высота рисунка.

Width- указывает ширину рисунка в пикселях или процентах относительно родительского элемента . Если данный параметр не указан, то используется оригинальная ширина рисунка

Align- сообщает браузере, как выравнивать изображение относительно текста. Это позволяет более строго задать расположение элементов на экране. Атрибут может иметь следующие значения выравнивания:

Left-по левому краю;

Right- по правому краю;

Top-выравнивание верхней границы картинки по самому высокому элементу текста;

Texttop-Выравнивание верхней границы картинки по самому высокому элементу текста;

Middle- середина изображения выравнивается по базовой линии строки;

Absmiddle-середина изображения выравнивается по середине строки;

Baseline  bottom-выравнивание нижней границы изображения по базовой линии строки;

Absbottom- нижняя граница изображения выравнивается по нижней границе текущей строки;

        Hspace- задает расстояние в пикселях между изображением и текстовом по горизонтали

Vspace- задает расстояние в пикселях между изображением и тестовом по вертикали

        Border-указывает ширину рамки изображения в пикселях.