Авторизация

Управление атрибутом изображения img.

Управление атрибутом изображения img.

Элемент HTML кода img добавляет встроенное изображение. Элемент может вставляться прямо в поток текста в той позиции, где должно быть изображение.
Как показано в примере ниже, изображение остаётся в потоке текста и не становится причиной перевода строк.

Пример:
<р>Я размещаю изображение <img src=image.jpg" alt=" ">, и я сделаю это.</р>
Управление атрибутом изображения img.
По умолчанию встроенные изображения выравниваются по базовой линии окружающего их текста и поэтому не разрывают строки.

Когда браузер встречает элемент img, прежде чем вывести изображение на страницу, он посылает запрос на сервер и извлекает соответствующий файл. Несмотря на то что для каждого файла производится отдельный запрос, благодаря быстродействию сетевых соединений и компьютеров, страница, как правило, появляется мгновенно. Мы прекрасно знаем, что на компьютерах и мобильных устройствах с низкой скоростью подключения к Интернету вам придется подождать, пока изображения появятся по одному. При создании сайтов для мобильных устройств, разумно ограничить число запросов, отправляемых на сервер в целом, а это значит, что количество изображений на странице нужно четко продумать.

Приведенные в примере выше атрибуты src и alt являются обязательными. Атрибут src сообщает браузеру расположение файла изображения. Атрибут alt передает замещающий текст, который отображается на странице, если изображение недоступно.

Есть еще несколько моментов, которые следует отметить, говоря об элементе img:
1. Это пустой элемент, который не содержит в себе каких-либо данных. Вы просто указываете его в той позиции текста, где должно отображаться изображение.
2. Если вы решите писать по более строгим правилам синтаксиса XHTML, пустые элементы нужно будет закрыть с помощью слеша (/), например: <img />.
3. Это встроенный элемент, поэтому он ведет себя как любой другой подобный элемент текстового потока. При изменении размеров окна браузера, изображения переходят на следующую строку и подстраиваются под новую ширину.
4. Элемент img известен как заменяемый элемент, потому что при отображении страницы он заменяется внешним файлом. Этим он отличается от текстовых элементов (не являющихся заменяемыми), содержание которых хранится непосредственно в коде HTML-документа.
5. По умолчанию нижний край изображения выравнивается по базовой линии шрифта текста. При изменении окна браузера они перестраиваются под его новые размеры.

С помощью каскадных таблиц стилей можно выравнивать изображение по правому или левому краю, а также разрешить обтекание изображения текстом, управлять величиной расстояния между изображением и соседними объектами, задавать параметры границ вокруг изображения и изменять выравнивание по вертикали.

Оставить комментарий
Навигация по сайту
  • Скачать 1
  • Скачать 2
  • Скачать 3
Универсальный шаблон готового сайта UseSite

Универсальный шаблон готового сайта UseSite


Полностью готовый к применению в качестве сайта шаблон UseSite является универсальным инструментом для быстрого создания Интернет проекта. В нем предусмотрены все основные модули необходимые современному сайту: фотогалерея,...

Подробнее →  

  • Просмотров: 25 369
Готовый сайт оплаты и доставки электронного товара. OnPay Система платежей

Готовый сайт оплаты и доставки электронного товара. OnPay Система платежей


Готовый шаблон сайта для продажи и доставки электронных товаров. Автоматическая оплата товара и мгновенная его отправка покупателю. Шаблон настроен для работы с платежной системой OnPay. Персональный аттестат WebMoney не...

Подробнее →  

  • Просмотров: 7 749
Редактируем шаблоны готового сайта. Скачать книгу для начинающих вебмастеров

Редактируем шаблоны готового сайта. Скачать книгу для начинающих вебмастеров


Вам не обязательно быть программистом, достаточно научиться понимать и редактировать уже написанный код. Данное руководство предназначено для новичков в вебстроительстве. Рассчитано на работу со специально созданными шаблонами...

Подробнее →  

  • Просмотров: 13 444

 

 

Нименование Количество Цена / 1 шт.
Всего: 0 руб.