Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30


Чувашия-это моя Россия

Изображения и объекты в HTML.

(продолжение)

Указание ширины и высоты в HTML.

Хотя обязательными атрибутами элемента img являются только src и alt, атрибуты width и height также часто применяются, поскольку они ускоряют отображение страницы. Эти атрибуты просто указывают размеры изображения в пикселах, например: < img src="okno.gif" width="50" height="50" />. Имея эту информацию, браузер может сформировать раскладку страницы еще до того, как изображения будут загружены. Свойства CSS width и height являются более предпочтительными, чем стилевые атрибуты, и они также гарантируют, что страница будет сформирована до получения изображений. Без значений width и height страница может перерисовываться несколько раз, первый раз - без изображений, а затем при получении каждого нового изображения. Стоит потратить какое-то время и включить точную информацию о ширине и высоте в каждый элемент img. Если указанные значения width и height отличаются от реальных размеров изображения, то браузер выполняет масштабирование изображения, чтобы оно соответствовало указанным размерам. Если укажете для высоты и ширины значения в процентах, то некоторые современные браузеры смогут изменить пропорции соответствующим образом. Хотя данный эффект может быть весьма удобным и может предотвратить лишнее обращение к графическому редактору, в некоторых браузерах такое масштабирование может приводить к пикселизованному, низкокачественному изображению. < img src="okno. gif" width="50" height="50" /> < img src="okno. gif" width="200" height="50" />. Уменьшение размеров изображения средствами разметки является плохой практикой, и применять ее настоятельно не рекомендуется. Помимо низкого качества получающегося изображения, она заставляет пользователя загружать файл больших размеров, чем это необходимо. Изменение размеров изображения средствами разметки не уменьшает размер файла.

Устаревшие атрибуты элемента img.

В Transitional DTD есть ряд атрибутов, считающихся устаревшими, поскольку они контролируют презентационные аспекты изображения. Как и большинство других устаревших атрибутов, они были заменены более гибкими свойствами таблиц стилей. Если вы работаете, используя DTD XHTML Strict или XHTML 1.1, применение любых этих атрибутов приведет к недопустимости документа сайта. Используйте вместо них указанные методы таблицы стилей.

Выравнивание по вертикали в HTML.

По умолчанию нижний край изображения выравнивается по базовой линии окружающего его текста, но существуют способы, позволяющие изменить выравнивание по вертикали. Если использовать только HTML-разметку страниц сайта, то в Рекомендации HTML 4.01 для выравнивания по вертикали существует устаревший атрибут align со значениями top, middle и bottom. Предпочтительным CSS-методом для указания выравнивания по вертикали является свойство vertical-align, которое можно использовать для изменения выравнивания изображения относительно базовой линии или высоты строки, в которой оно находится. Допустимы значения top, text-top, bottom, text-bottom, middle, sub, super и baseline (по умолчанию), а также конкретное значение длины или процентной доли.

Выравнивание по горизонтали в HTML.

Атрибут align также используется для выравнивания изображения по левому или правому краю страницы, для чего используются значения left или right соответственно. Особенностью выравнивания по левому или правому краю является то, что помимо размещения изображения у поля оно позволяет осуществлять переносы текста вокруг изображения. Это называется обтеканием изображения. Более предпочтительным методом «позиционирования изображений (и любых других элементов) относительно левого и правого края содержащего его блока с обтеканием является использование CSS-свойства float.


seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно    назад    дальше     продолжение темы

ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: