Графика на Web-станице Занятие 8
Вставка графики в текст Для того чтобы вставить картинку нужно указать на нее ссылку, что бы браузер в нужный момент знал, куда обратиться. Нужно указать две веши: 1. Что мы вставляем графический элемент, 2. Откуда мы его берем. Пример. <h 1>это &mash; Я!</h 1> <IMG src="все. files/таня. jpg" > Дескриптор одиночный.
Правила, действующие в HTML по обозначению пути к файлу: n n n Вложенные каталоги перечисляются через прямую, а не обратную косую Указывать весь путь не обязательно, главное создать папку с расширением files, куда будите вставлять все рисунки. Если рисунок находиться на другом рисунке, то нужно указать весь путь. Регистр букв в названии пути играет роль. Никакой кириллицы в именах папок и файлов
Точка единого отчета n n Если картинок много, то их удобно поместить в отдельный каталог. Но тогда отдельный дескриптор, «отвечающий» за вставку станет длиннее ровно на этот путь к каталогу. Для этого можно указать некоторую точку отчета или базу, от которой будут открываться все адреса. По умолчанию такой базой считается папка, в которой находиться текущий HTML-файл. Для того чтобы указать другую базу, используют дескриптор <BASE>. В нем указывается общая часть пути всех отсчетов, на которые в дальнейшем будет ссылка.
Размеры изображения В дескрипторе <IMG> есть два параметра n Width- в % указывает ширину n Height – в % указывает высоту n
Вместо картинок n У дескриптора <IMG> есть атрибут, позволяющий вывести вместо картинок надпись – в качестве альтернативы. Он так и называется alt. Если же пользователь не отключил отображение, эта надпись выводиться в виде контекстной подсказки. <IMG src=все. files/таня. jpg alt="я в Сочи" width=500>
Обтекание графики текстом Для определения способа обтекания графику текстом используют параметр align. Этот параметр описывает выравнивание не только по горизонтали – по левому краю (left) или по правому (rigth), но и по вертикали относительно этой строки, в которой размещено изображение. <IMG src=все. files/таня. jpg alt="я в Сочи" width=500 align=left> этим летом я отдыхала в замечательном месте Дагомыс! n
Выравнивание по вертикали n n n n Для определения способа обтекания графики текста по вертикали используют параметр align и его значения: Absbottom –по нижнему элементу букв в строке Absmiddle-по середине Baseline – по нижнему краю стоки Bottom- по нижнему краю стоки Middle -по середине Texttop – по верхнему Top - по верхнему элементу букв в строке
Для отмены обтекания изображения текстом используется дескриптор <BR> с параметром clear, который принимает значение right (отмена обтекания справа), left(слева) и all(отмена всех типов обтекания) n <BR clear=all>
Картинка в рамке и отступы Для отделения изображения от текста используются два средства – рамки и отступы. n Параметр border определяет толщину рамки в пикселях. Цвет такой рамки всегда черный. n Горизонтальный и вертикальный отступ между изображениями и текстом задается с пикселях с помощью параметров hspace и vspace. <IMG src="все. files/z. jpg" width=500 Height=350 border=1 hspace=100 vspace=20 >
Скачать презентацию Графика на Web-станице Занятие 8 Вставка графики
занятие8.ppt