Пятница, 14.08.2020, 19:36
Скрипты для Ucoz
Карта сайта
Главная | Коды для вставки изображения в страницу - Скрипты для Ucoz



Книги для вебмастера
Новые сообщения Участники Правила форума Поиск Лента новостей
  • Страница 1 из 1
  • 1
Скрипты для Ucoz » Всё для Ucoz » Основы HTML » Коды для вставки изображения в страницу
Коды для вставки изображения в страницу
bandjukДата: Пятница, 30.09.2011, 16:41 | Сообщение # 1
Генерал-лейтенант
Группа: Администраторы
Пол:
Награды: 22
Репутация: 22
Сообщений: 615
Бог сайта и форума За дизайнерские умения За уважение народа За хорошую посещаемость на форуме за 100 постов
Code
<img src="http://адрес изображения">
- самый простой код для вставки изображений.

Пример кода: <img src="http://fotki.ucoz.ua/_ph/12/238219696.jpg">

Задание размеров изображения
Задание размеров графического изображения явно (с помощью атрибутов WIDTH, HEIGHT) позволяет браузеру загружать картинку с большей скоростью, т.к. он не тратит время на дополнительные вычисления.

Чтобы задать размер изображения, его, понятное дело, надо знать. Узнать размер можно, практически, в любом графическом редакторе. Если вы пользуетесь хорошим html-редактором, то он автоматически вставляет размер изображения в текст страницы при выборе соответствующего графического файла.

Еще одним существенным плюсом задания размеров "вручную" есть тот факт, что пользователи, отключившие в своих браузерах средства обработки графики, увидят ваше творение именно в том виде, в каком оно замышлялось, поскольку область Вэб-страницы, предусматривающие размещение в них графических изображений определенных размеров, останутся в неприкосновенности.

Code
<img src="http://адрес изображения" width="ширина изображения в пикселях" height="ширина изображения в пикселях"/>


Пример кода: <img src="http://fotki.ucoz.ua/_ph/12/446411379.jpg" width="1024" height="768"/>

Использование кодов alt="" Title="", позволяет Вам использовать комментарии к изображению, что даёт представление о его содержимом, до загрузки самого изображения. Так же эти теги необхрдимы для индексации ваших изображений поисковыми.
роботами

Code
<img src="http://адрес изображения" width="ширина изображения в пикселях" height="ширина изображения в пикселях"alt="Ваш комментарий" Title="Ваш комментарий"/>


Пример кода: <img src="http://fotki.ucoz.ua/_ph/12/446411379.jpg" width="1024" height="768"alt="Фото девушки" Title="Фото девушки"/>

Пример самого изображения можно увидить у меня на сайте. Наведите курсор мыши на любое изрбражение на главной странице сайта.

Обтекание изображений текстом:

Для этого используют атрибут ALIGN, он может иметь 2 значения:

left - заставляет браузер помещать изображение слева от текста;
right - заставляет браузер помещать изображение справа от текста;

Code
<img src="http://адрес изображения" width="ширина изображения в пикселях" height="ширина изображения в пикселях"alt="Ваш комментарий" Title="Ваш комментарий"align="left "/>


Пример кода: <img src="http://fotki.ucoz.ua/_ph/12/446411379.jpg" width="1024" height="768"alt="Фото девушки" Title="Фото девушки"align="left "/>

Отступы вокруг изображения

Графические изображения в Вэб-браузере имеют, по умолчанию, пустую рамку в несколько пикселей, которая отделяет их от текста. Для увеличения пустой области вокруг изображения служат атрибуты HSPACE, VSPACE тэга <IMG>.

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

Атрибут HSPACE задает ширину чистой области СЛЕВА И СПРАВА от изображения.

Атрибут VSPACE задает ширину чистой области СВЕРХУ И СНИЗУ от изображения.

Code
<img src="http://адрес изображения" width="ширина изображения в пикселях" height="ширина изображения в пикселях"alt="Ваш комментарий" Title="Ваш комментарий"align="left "hspace="10" vspace="10"/>


Этот код задаёт отступы от изображения, равные 10 пикселям.

Пример кода: <img src="http://fotki.ucoz.ua/_ph/12/446411379.jpg" width="1024" height="768"alt="Фото девушки" Title="Фото девушки"align="left "hspace="10" vspace="10"/>

Вроде бы ничего не забыл!
Если я что-то не написал можете меня дополнить!

Материалы на эту же тему:

Создание красивого раздвижного меню для сайта
Основные атрибуты и свойства фона - background
Оформление ссылок в таблице стилей (CSS)
Основные Мета тэги
Границы при помощи border
Создание рамки с помощью FIELDSET
 
Скрипты для Ucoz » Всё для Ucoz » Основы HTML » Коды для вставки изображения в страницу
  • Страница 1 из 1
  • 1
Поиск:

Яндекс.Метрика
Copyright Глюк Рекордс © 2020

Создать бесплатный сайт с uCoz