|
Читайте также: |
| Схемы сжатия | ||
| Формат | Схема | Описание |
| gif | Без потерь | Gif сжимается без потери деталей. Таким образом, если необходимо сохраненить детали, а не скорость загрузки, то вы можете выбрать gif |
| png | Без потерь | Png также сжимается без потери деталей. Png является хорошей альтернативой gif, за исключением того, что он поддерживается не всеми броузерами WWW |
| jpeg | С потерями | Jpeg приводит к потере деталей при сохранении изображения. Если размеру файла отдается больше предпочтения, чем сохранению деталей, то используется jpeg |
Чтобы поместить изображение в документ HTML использовать тег < img > с атрибутом src, который указывает URL графического файла.
Для указания размеров изображения используются атрибуты height и width тега < img >. В атрибуте height указывается высота изображения, а в атрибуте width — его ширина в пикселях.
Для броузеров, которые неподдерживают изображения в HTML документах можно предусмотреть альтернативный текст, который будет сообщать им об изображении. Это можно сделать с помощью атрибута alt тега < img >
Атрибут border тега < img > присваивает значение ширины рамки в пикселях.
Листинг лабораторной работы №2
<html>
<head><title>lab2</title></head>
<body background=img\bg.gif text=white>
<p> <img align=top src=img\1.png border=5 width=100 alt="windows"> 5pt
<p> <img align=middle src=img\1.png border=10 height=50 alt="windows">10pt
<p> <img align=bottom src=img\1.png alt="windows">border off
<div align=right> <img src=img\2.gif alt="Котэ" title="Котэ">
<div align=center> <img src=img\2.gif alt="Котэ" title="Котэ">
<div align=left> <img src=img\2.gif alt="Котэ"title="Котэ">
</body>
</html>
Дата добавления: 2015-10-02; просмотров: 25 | Нарушение авторских прав
| <== предыдущая страница | | | следующая страница ==> |
| Лабораторная работа №1 | | | Лабораторная работа №3 |