Студопедия
Случайная страница | ТОМ-1 | ТОМ-2 | ТОМ-3
АрхитектураБиологияГеографияДругоеИностранные языки
ИнформатикаИсторияКультураЛитератураМатематика
МедицинаМеханикаОбразованиеОхрана трудаПедагогика
ПолитикаПравоПрограммированиеПсихологияРелигия
СоциологияСпортСтроительствоФизикаФилософия
ФинансыХимияЭкологияЭкономикаЭлектроника

Лабораторная работа №2. Чтобы поместит

Читайте также:
  1. AKM Работа с цепочками событий
  2. II. Работа с акварелью, гуашью, восковыми мелками, школьным мелом
  3. II. САМОСТОЯТЕЛЬНАЯ РАБОТА СТУДЕНТОВ
  4. III. Коррекционная работа с детьми.
  5. III. Работа с природным материалом
  6. IV. Работа с тканью, нитками
  7. Quot;Работа после работы".
Схемы сжатия
Формат Схема Описание
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

mybiblioteka.su - 2015-2024 год. (0.006 сек.)