Мирчар. Инструкция по применению.

Воскресенье, 19.05.2024, 09:09
Приветствую Вас Гость
Главная

Регистрация

Вход

RSS

Узнай больше о Миречар


Главная » Статьи » Как создать свой сайт. » HTML

HTML коды: Как вставлять изображения.


С HTML кодами работают в html-редакторе, а не в визуальном редакторе!

Код любой картинки в сети в простом варианте выглядит так:
<img src="http://site/…jpg">
Уникальный URL картинки (http://site/…jpg) выдает фотохостинг (специальный сайт), куда ее необходимо закачать с вашего компьютера либо взять уже  готовую загруженную картинку с другого сайта.

Чтобы быстро вставить картинку с другого сайта, вставьте в html-редакторе своей статьи следующий код :
 <img src="URL изображения">
Затем войдите в «свойства» картинки на этом сайте, скопируйте правой кнопкой ее URL и вставьте в код между кавычек.

Как сделать, чтобы текст «обтекал» картинку? 

Если хочешь чтобы картинка была слева, а текст справа, код картинки примет вид: 

<img src="http:…" align=left hspace=15> 

Помни:

align=left – картинка слева, текст справа
align=right – картинка справа, текст слева
hspace=15 – расстояние между текстом и картинкой 15 пиксел по горизонтали 
vspace=15 – расстояние между текстом и картинкой 15 пиксел по вертикали

Код картинки с плавным обтеканием текста справа и снизу (или сверху):
<img src="http:…" align=left hspace=20 vspace=15>

Прекратить обтекание и вернуть текст под картинку можно тэгом <br>

Закрывать не надо, он работает один. <br> выполняет перенос на следующую строку. В редакторах текста его заменяет нажатие Enter.
<br><br><br> – три пустые строки.

Вставить две и более картинки горизонтально на одной строке:

<nobr>Текст (картинки)</nobr> все, заключенное в этот тэг будет находиться на одной строке. Применять с осторожностью, можно деформировать текст.

Регулируем расстояние между картинками по-горизонтали: 
С помощью «неразрывного пробела»:  &nbsp;
Расстояние, равное 8 пробелам будет выглядеть так:
&nbsp; &nbsp; &nbsp; &nbsp;
Его нужно вставлять между кодов картинок.

Сделать всплывающую подсказку при наведении курсора на картинку, как здесь:  – введите в код картинки title="Ваш текст"

Изменить размер картинки можно с помощью атрибутов width (ширина) и height (высота). Вставьте в код картинки, например,width=300 и ваша картинка будет шириной 300 пикселей, высота подгонится пропорционально. Браузер при этом загрузит изначальную картинку.

Удачи!





Источник: http://htmlka.com
Категория: HTML | Добавил: nadek (17.06.2011)
Просмотров: 23930 | Комментарии: 3 | Теги: Как создать свой сайт, html
Всего комментариев: 3
1 Zekivsr  
0
мдяяяя ….. *много думал*….автору благодарность ради должность !! http://profvesti.ru/o-dachnom-stroitelstve/108-dachnoye-stroitelstvo-ekonom.html - портал строительных материалов

2 slelcowly  
0
In my opinion you are not right. I am assured. I suggest it to discuss. Write to me in PM, we will talk.http://stroikigoroda.ru - .

3 slelcowly  
0
http://stroikigoroda.ru - .

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Категории статей
С чего начать. [6]
Самые первые шаги, ничего сложного.
HTML [4]
для начинающих, все просто и доступно.
Всякие полезности. [7]
Облако тегов
Мирчарское время
Блиц-опрос
Ваш любимый цветочный экстракт?
Всего ответов: 152
Наша кнопочка
center
получить код кнопки
Друзья

Мирчар - заведи себе онлайн питомца
Статистика