1. Масштабирование изображений
Для изменения размеров рисунка средствами HTML у тега <img> предусмотрены атрибуты width (ширина) и height (высота). В качестве значения используются пикселы, при этом аргументы должны совпадать с физическими размерами картинки.
Увеличение размеров изображения html-документа
Задавая явно размеры изображения можно увеличить его размеры. Таким образом можно получить большое изображение не увеличивая объем графического файла и времени, требуемого для его загрузки. Задавая размеры изображения, необходимо указывать нужные значения в пикселях или процентах относительно текущих габаритов окна браузера. Не следует злоупотреблять увеличением размеров, т.к. в этом случае картинка становится "зернистой" и теряет свое качество.
Если значение новых размеров задавать в пикселях, надо использовать оба атрибута WIDTH, HEIGHT. Чтобы избежать искажений, необходимо соблюдать пропорцию. Если же значения вводятся в процентах относительно размеров окна браузера, достаточно задать любое значение (ширину или высоту), - остальное браузер пересчитает автоматически.
Уменьшение изображения html-документа
Аналогичным способом можно уменьшать изображения. Однако здесь существует немаловажный недостаток. Время, необходимое для загрузки картинки остается то же. Т.е. картинка грузится своего "настоящего" размера, просто она "вжимается" в те рамки, которые вы явно указываете атрибутами WIDTH, HEIGHT.
Пример:
<html>
<head>
<title>Размеры изображения</title>
</head>
<body>
<p><img src="images/figure.jpg" width="100" height="111" alt="Картинка"></p>
</body>
</html>
2. Фоновые рисунки
Каждая веб-страница имеет фон, на котором можно размещать текст и рисунки. Большинство браузеров позволяет включать в документ фоновый рисунок, который будет отображаться на заднем плане всего документа.
Установка фонового рисунка на веб-страницу традиционно происходит через атрибут background тега <body>. Такой рисунок повторяется по горизонтали и вертикали, заполняя таким способом все окно браузера, и выглядит следующим образом:
<body background = "picture.gif">
По умолчанию фоновый рисунок прокручивается вместе с текстом документа. Чтобы зафиксировать фон нужно установить в тэге <body> атрибут BGPROPERTIES равный “fixed”.
Пример:
<body background=’img1.jpg’ bgproperties=’fixed’>
Многие создатели веб-страниц используют для фона документа, обычного текста и ссылок предопределенные цвета. Чтобы задать эти цвета, необходимо включить в тег <BODY> дополнительные параметры:
<body bgcolor="#xxxxxx" text="#xxxxxx" link="#xxxxxx">
Здесь каждый из параметров определяет цвет того или иного элемента страницы:
bgcolor — цвет фона документа;
text — цвет простого текста документа;
link — цвет ссылки.
Цвет задается шестизначным числом в шестнадцатеричном формате и цветовой модели RGB. Значение #000000 соответствует черному цвету, значение #ffffff — белому. Например:
<body bgcolor="#ffffff" text="#000000" link="#9690cc">
Данная строка определяет белый цвет фона документа, черный текст и серебристые ссылки.
Билет 25!
Клавиатурные символы
с помощью клавиатуры можно рисовать горизонтальные линии (клавиша подчеркивания _), а также наклонные налево (\) и направо (/) линии, вертикальные линии (|) Сочетания таких линий позволяют получать ин- тересные рисунки
Пример создания листа с помощью символов клавиатуры <html><head><title>СИМВОЛЫ, ВВЕДЕННЫЕ С КЛАВИАТУРЫ</title></head> <body bgcolor=»#7fff00» leftmargin=300> <h5 align=center>Лист, <br>нарисованный с помощью символов, <br>введенных с клавиатуры </h5> <h1><pre> ^ /|\ \\|// \\\|/// \\\\|//// \\\|/// \\\\\\|////// \\\\\|///// \\\|/// | </h1></pre></body></html>
Как вы уже убедились, с помощью клавиатуры можно рисовать самые разные за- бавные фигуры.