Что подарить маме на день рождения?
Новые видеоуроки!
Вреден ли кальян?
Видео: Почему и чем так полезны бананы
Как удержать мужчину?
Как правильно проехать «лежачего полицейского»?
| Главная » Статьи » Компьютеры и Интернет » HTML и CSS |
Как задать размер картинки в html
|
Многие новички, которые только начинают изучать HTML или просто забыли, сталкиваются с такой проблемой, как задать размер картинки в html. Часто так бывает, что изображение на сайт нужно не только вставить, но ещё и расставить атрибуты к коду, дабы задать размер для иллюстрации, описание, отступ и прочие детали. Надеюсь, вы уже знаете, что сам код картинки начинается с img. Пример: <img src="http://путь до картинки">. Таким вот образом, прописав путь до картинки, её, через html можно вставить на сайт, но как задать размер для неё и другие свойства? Легко! <img src="http://путь до картинки" alt="описание" width="ширина в пикселях" height="высота в пикселях" align="расположение" hspace="отступ">.  А теперь объясняю какой атрибут что значит. src — путь до картинки, alt — это описание картинки, width — ширина картинки в пикселях, height — это высота изображения в пикселях, align — то, с какой стороны располагается изображение в контенте (обычно: left, right, center), и hspace — этот параметр задается пикселями, с помощью него мы даем понять программе, сколько нужно отступать от изображения со всех сторон. Вот, собственно, живот пример: <img src="http://kak-prosto.ucoz.net/_pu/2/62514389.jpg" alt="колбочка с надписью" width="200" height="110" align="left" hspace="10">. Как вы поняли, задать размер картинки в html можно непосредственно атрибутами width и height. Действуйте по примеру выше и у вас обязательно всё получится! До новых встреч, друзья. ;] Автор статьи: Leo. email - Leo_Diablo@mail.ru icq - 383-018-819 steam - Kickban86 Вконтакте - dreamxleo sait - www.leo-blog.com Понравилась статья? Поделись ею с друзьями! :) | |
| Просмотров: 30906 | Комментарии: 2 | Теги: | Рейтинг: 5.0/1 |
| Всего комментариев: 2 | ||
| ||
Здравствуйте. Очень хорошая и полезная статья. 
<