-Музыкальный плеер



плеер собран приложением V.exeR

 -Всегда под рукой

Найти в блоге:




Rost рекомендует
Блог Ильи Татарникова

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 08.05.2003
Записей: 12897
Комментариев: 154466
Написано: 240267

Параметры для html-кода изображения

Вторник, 22 Декабря 2009 г. 10:01 + в цитатник
Очередное дополнение в

Сегодня хочу поговорить о html-коде для изображений, который уже описывал тут в первом пункте. Напомню для тех, кто забыл или не знал.
Для того, чтобы поместить в сообщение или в комментарий изображение, которое уже лежит где-то в интернете, надо написать следующее:

Где "адрес изображения" - полный адрес (http:// и т.д.)
Параметр "src" - это сокращение от английского "source", что в переводе означает"источник".

Сегодня хочу подробно описать и другие параметры, которые могут входить в этот код.
А поможет мне в этом опять этот цветной квадратик:


1. Задаём размеры изображения.
В коде "img" можно явно задать размеры изображения.
Можно сделать его больше оригинальной картинки:

Или - меньше:

Или сделать из квадратика прямоугольник:

Отвечают за это параметры "width" (ширина) и "height" (высота).
Значения этих параметров может быть
- в пискелях. Например: width="50" height="50"
- в процентах от ширины отведённой для картинки области. Например: width="50%" (на ЛиРу ширина такой области равно 700 пикселям)
Код пишется так:


2. Задаём альтернативный текст.
За альтернативный текст отвечает параметр "alt" (сокращение от "alternative", переводе с английского "альтернативный").
Сначала объясню, что такое альтернативный текст.
Это - тот текст, который можно видеть, если изображение не загрузилась по какой-то причине.
Например:
Разноцветный квадратик
В качестве альтерантивного текста можно использовать всё, что угодно. Как правило там пишут краткое описание, размеры в пикселях или в кБайтах.
Код пишется так:


3. Задаём заголовок изображения.
За заголовок изображения отвечает параметр "title" (в переводе с английского "название", "заголовок").
Заголовок - это текст, который будет "всплывать" при наведении на изображение мышкой.
Например:

После наведения на изображения, расположенное выше, мышкой, на экране должен появится его заголовок:
 (241x79, 2Kb)
Код пишется так:


4. Задаём толщину рамки вокруг изображения.
За толщину рамки вокруг изображения отвечает параметр "border" (в переводе с английского "граница").
Рамка имеет цвет текста текущей страницы. Размер рамки задаётся в пискелях.
Вот, например, наш квадратик с рамкой в 3 пикселя (слева) и без неё (справа):

Код пишется так:


5. Задаём выравнивание изображения.
За выравнивание изображения отвечает параметр "align" (в переводе с английского "выравнивание").
В своё время подробное описание этого параметра сделал тут

LI 5.09.15
Метки:  

Процитировано 50 раз
Понравилось: 7 пользователям

ja__Betti   обратиться по имени Вторник, 22 Декабря 2009 г. 10:16 (ссылка)
Спасибо Вам за Ваши полезные и интересные публикации. Удачи!.
Ответить С цитатой В цитатник
Rost   обратиться по имени Re: Ответ в Rost; Параметры для html-кода изображения. Вторник, 22 Декабря 2009 г. 10:34 (ссылка)
Исходное сообщение jkm: Спасибо Вам за Ваши полезные и интересные публикации. Удачи!.

Вам спасибо за цитирование!
И вам тоже удачи.

LI 7.05.22
Ответить С цитатой В цитатник
вера_власик   обратиться по имени Вторник, 22 Декабря 2009 г. 11:58 (ссылка)
Спасибо за науку - с удовольствием беру в цитатник!
Ответить С цитатой В цитатник
Rost   обратиться по имени Re: Ответ в Rost; Параметры для html-кода изображения. Вторник, 22 Декабря 2009 г. 12:05 (ссылка)
Исходное сообщение вера_власик: Спасибо за науку - с удовольствием беру в цитатник!

Пожалуйста!

LI 7.05.22
Ответить С цитатой В цитатник
altimo9   обратиться по имени Вторник, 22 Декабря 2009 г. 12:49 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
Rost   обратиться по имени Re: Ответ в Rost; Параметры для html-кода изображения. Вторник, 22 Декабря 2009 г. 12:50 (ссылка)
Исходное сообщение altimo9: Спасибо!

Пожалуйста!
В колонках играет: *** 1. Снежно - Малыш

LI 7.05.22
Ответить С цитатой В цитатник
Софистка   обратиться по имени СПАСИБО Вторник, 22 Декабря 2009 г. 18:11 (ссылка)
Ответить С цитатой В цитатник
bnv_kompas   обратиться по имени Среда, 23 Декабря 2009 г. 00:08 (ссылка)
Rost, спасибо, указующий вы наш :)))
Ответить С цитатой В цитатник
Чайка-белая_птица   обратиться по имени Среда, 30 Декабря 2009 г. 20:44 (ссылка)
Ответить С цитатой В цитатник
Светлана53   обратиться по имени Вторник, 19 Января 2010 г. 22:12 (ссылка)
Спасибою
Ответить С цитатой В цитатник
La-Perla_Margarita   обратиться по имени Суббота, 06 Марта 2010 г. 13:48 (ссылка)
Как понятно и красиво вы все изложили!
Спасибо большое и за этот пост , и за весь "Самый подробный FAQ по ЛиРУ".
Огромное дело делаете, помогая новичкам освоиться.
Я каждый раз, пользуясь вашими советами, испытываю огромное чувство признательности.
Удачи вам и всех благ!
Ответить С цитатой В цитатник
La-Perla_Margarita   обратиться по имени Суббота, 06 Марта 2010 г. 14:30 (ссылка)
Назрел вопрос.
Может быть Вы поможете.
Есть серия изображений, например, 30шт.
Хочу все их иметь шириной, например, 700px. И вот я сижу с колькулятором и пропорционально высчитываю высоту для каждой.
А нет ли такого параметра, введя который вместе с заданной шириной в img src... , измнял бы изображение (а именно высоту) пропорционально автоматически?
Ответить С цитатой В цитатник
Rost   обратиться по имени Суббота, 06 Марта 2010 г. 18:32 (ссылка)

Ответ на комментарий La-Perla_Margarita

Исходное сообщение Margo29
А нет ли такого параметра, введя который вместе с заданной шириной в img src... , измнял бы изображение (а именно высоту) пропорционально автоматически?

Можно задать размер (высоту и ширину) не только в пикселях, но и в процентах. Но не от изначальной картинки, а от ширины места под изображение.
Ответить С цитатой В цитатник
La-Perla_Margarita   обратиться по имени Четверг, 18 Марта 2010 г. 21:26 (ссылка)

Ответ на комментарий Rost

Уважаемый Rost. Я очень благодарна Вам за ответ.
Извините, что пишу с опозданием - технические проблемы.
Ваши советы мне очень помогли. Я избавилась от подсчетов на колькуляторе. Теперь ленты фотографий замечательно выглядят и подготовка таких постов не отнимает много времени.
Еще раз - спасибо!
Ответить С цитатой В цитатник
Rost   обратиться по имени Re: Ответ в Rost; Четверг, 18 Марта 2010 г. 21:32 (ссылка)
Исходное сообщение Margo29:
Еще раз - спасибо!

Ещё раз - пожалуйста!

LI 7.05.22
Ответить С цитатой В цитатник
Аноним   обратиться по имени Вторник, 17 Августа 2010 г. 11:15 (ссылка)
>>Код пишется так:
Разноцветный квадратик - это все дело в рамочке
Rost, можно вопрос?
что нужно использовать для вставки кода в мой HTML документ, чтобы этот код отображался как текст и в такой рамочке?
на моем примере это баннер сообщества,
т.е. нужна ссылка в рамке, чтобы другие читатели могли разместить у себя этот баннер
спасибо.
Ответить С цитатой В цитатник    |    Не показывать комментарий
Rost   обратиться по имени Вторник, 17 Августа 2010 г. 11:27 (ссылка)

Ответ на комментарий

Исходное сообщение Аноним
что нужно использовать для вставки кода в мой HTML документ, чтобы этот код отображался как текст и в такой рамочке?

Вот тут несколько способов описал:
http://www.aliveinternet.ru/post102007217/
Ответить С цитатой В цитатник
KillerLil   обратиться по имени Вторник, 17 Августа 2010 г. 11:39 (ссылка)
Rost, спасибо большое!
Ответить С цитатой В цитатник
Милаграс   обратиться по имени Суббота, 04 Апреля 2015 г. 18:59 (ссылка)
СПАСИБО!
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку