|
Изображения в HTML-документе. Проблема Кроме гипертекстовых ссылок у Web есть еще одно преимущество - это возможность встраивать в Web-страницы изображение. Изображение придает страницам приятный внешний вид и делает их более функциональными. Решение <html> <head> <title>Изображения в
HTML-документе. </title> </head> <body> <H1>Изображения </H1> <P><IMG
SRC="picture.gif" ALT="Это графика" HEIGHT=20 WIDTH=30></P> </body> </html> Комментарии <IMG
SRC="picture.gif"> - включает в документ изображение, записанное в файл picture.gif, находящийся в одном каталоге с HTML-документом. В Web используют только два формата хранения графической информации: это Gif(файл с расширением *.gif, для хранения простых изображений, содержащее не более 256 цветов) и JPG(файл с расширением *.jpg или *.jpeg - для сохранения анимированных картинок и изображений с прозрачными частями, сохраняет полную цветовую палитру 24-битного изображения). ALT="Это графика" - указывается строка текста, используемая браузером вместо изображения, которое по каким-либо причинам невозможно загрузить. Не забывайте также, что есть пользователи, не имеющие графических браузеров, - они в принципе не смогут увидеть изображение. Применение атрибута ALT является важным правилом хорошего тона по отношению к этим пользователям. Наконец, автоматически выполняющиеся программы не распознают изображения, поэтому они часто пользуются атрибутом ALT для индексации изображений. HEIGHT=20 - указывает ширину изображения в пикселах. WIDTH=30 - указывает высоту изображения в пикселах. Главное, что надо запомнить, – в Internet особенную важность приобретают не художественные достоинства картинки, а скорость загрузки. Никто, кроме вас, не станет ждать 5 мин, пока появится ваш шедевр, и пойдет дальше. Так что главное достоинство картинок для Сети — минимальный размер. Указав информацию о размерах изображения, автор страницы ускорит процесс ее размещения, что даст пользователям увидеть весь документ раньше. Браузер использует значение атрибутов HEIGHT и WIDTH, чтобы оставить на странице место для изображения. Когда изображение будет загружено, оно появится на этом зарезервированном месте. Без этих атрибутов браузеру пришлось бы загружать изображение целиком, вычислять его размер, размещать на странице и лишь после этого располагать на странице остальные элементы. При наличии нескольких изображений такие задержки вызовут недовольство пользователей. Упражнение Напишите документ, содержащий изображение самостоятельно. |