FAQ по html тег изображения
Захотели Вы, допустим, вставить картинку в комментарий. Определенной ширины и высоты. А кнопочки то и нентути. Беда. Как это сделать?
Используя html теги.
Не буду расписывать, что это такое и с чем его едят. Дам ссылку в конце, где можно об этом почитать. Опишу процесс, собственно.
Надо, допустим, нам вставить в комментарий картинку вот отсюда http://other-games.ru/photo/x/screenshots/x3_terran_conflict/26-0-244
Перво-наперво, нужно скопировать адрес изображения.
Так:
1. Щелкаем ПКМ на изображении и выбираем "Копировать адрес изображения"
В буфер обмена скопируется следующее: http://other-games.ru/_ph/26/2/759801164.jpg
2. В тексте комментария, в месте, где планируете разместить изображение -пропишите следующий текст:
>
Где вместо XXX - вставьте адрес нужного вам изображения.
3. В итоге html тег будет иметь следующий вид:
4. Отправляйте комментарий и смотрите что получилось.
PS. А теперь нюансы. Если рисунок имеет большой размер, он может занять очень много площади экрана. Не всем такое по нраву. Для того, чтоб избежать этого, необходимо в теге
прописать параметры ширины (width) и высоты (height). В пикс.
Для того, чтоб рисунок не был искажен -желательно учесть пропорции. Т.е. -размер оригинала, к примеру 800 -ширина, 400 -высота, то уменьшать надо так, чтоб ширина к высоте получившегося изображения соотносились 2:1: 600:300; 400:200 и т.д.
Т.е. для предыдущего примера это будет выглядеть так: Размер исходного изображения 600х337. Уменьшая в два раза получим: 300х169
Html тег будет иметь вид:
Можете поэкспериментировать здесь, в комментариях.
Ссылка на сайт и на страницу, где более подробно и толково это раскрыто: http://htmlbook.ru/html/img
Удачи.
Для пользователей "Опера", это можно упростить, исключив один шаг. Но это отдельная тема. Пока время поджимает.