Добавлен: 02.04.2023
Просмотров: 173
Скачиваний: 1
Обязательным атрибутом является src – он предназначен для определения пути к графическому файлу. Применяется такие форматы как GIF, JPEG или PNG, пример: src="Ссылка на файл". Если изображение находится в одной папке с HTML-документом, то вместо ссылки достаточно указать лишь имя файла.
alt – не менее важный и необходимый атрибут. Он позволяет выводить текст в тех местах, где должны быть размещены изображения, например, в случае, когда пользователи в целях экономии трафика отключают загрузку изображении на веб-страницах. Таким образом, в момент загрузки страницы, пользователь сможет понять, какое изображение должно было быть на месте текста.
Например:
<IMG src="princessa.gif alt="Изображение маленькой принцессы" >
<IMG src="cat.gif" alt="Домашняя кошка на прогулке по улице">
Высоту и ширину раздела, в котороом отображается рисунок, устанавливается при помощи aтрибутов height - высотa и width - ширина.
Например:
<IMG src="princessa2.gif" width="100" height="150">
<img src=" princessa.gif" width="191">
Во втором случае изменена ширина изображения, высота будет подстроена автоматически. Во избежание ухудшения качества картинки, необходимо задавать эти параметры в соответствии с фактическими размерами картинки. Так же существует параметр border, который предназначен для добавления рамки вокруг элемента. border="10' - ширина рамки обозначается пикселями, в моем случае ширина рамки будет состоять из 10 пикселей.
Например:
<IMG src=" cat.gif" border="4" alt=" Домашняя кошка на прогулке по улице ">
Тег IMG с учетом размеров будет выглядеть следующим образом:
<IMG src="princessa2.gif" width="100" height="150" alt = "Изображение маленькой принцессы">
В случае, если необходимо использовать рисунок в качестве фонового изображения странички, то в теге <BODY> необходимо использовать этот атрибут вместе с адресом изображения, предназначенного для фона.
Например:
<BODY background="sunnyday.jpg">
Заключение
Для выполнения задачи по написанию курсовой работы, мной были в начале определены и в последствии выполнены следующие задачи:
- Анализ и чтение популярной учебной литературы по теме курсовой работы;
- Изучение истории и основных характеристик языка HTML;
- Ознакомление с популярными HTML-редакторами, удалось поработать с некоторыми из них: Sublime Text, Atom, PHPSHtorm;
- Закрепление изученного материала путем практического применения языка и создания простых веб-страниц с использованием HTML.