[Главная· Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Владельцу сайта » Уроки HTML и CSS » Как вставить и обработать изображение?
Как вставить и обработать изображение?
Kirill_116_rusДата: Суббота, 24.07.2010, 10:49 | Сообщение # 1

Профессионал
Off
Сообщений: 580
Этот урок будет посвящен вставки изображения на ваш сайт. Также вы узнаете, как сделать выравнивание текста и отступы от изображения, задать ширину, высоту и дать название вашей картинке.

Изображение вставляется таким кодом:

Code
<img src="Путь к изображению">.

1. Выравнивание текста.

пишется так: align="left" – по левому краю, "center" – по центру, "right" – по правому краю.

То есть если вы хотите сделать выравнивание текста по левому краю, то код будет таким:

Code
<img src="Путь к изображению" align="left">.

2. Делаем отступы.

Они пишутся так: hspace="5" – по вертикали, vspace="5" – по горизонтали. Задаются в пикселях. Сейчас код будет такой:

Code
<img src="Путь к изображению" align="left" hspace="5" vspace="5">.

3. Задаем ширину и высоту.

Width – Ширина. Height – Высота. Например, если вы хотите сделать изображение 200 на 200, 100 на 100, то писать надо так width="100" height="100". И код будет выглядеть так:

Code
<img src="Путь к изображению" align="left" hspace="5" vspace="5" width="100" height="100">.

4. Название и описание изображения.

Задается так title="Название" и alt="Описание", alt выводится, когда у пользователей отключена функция показа изображений.

Конечный код будет такой:

Code
<img src="Путь к изображению" align="left" hspace="5" vspace="5" width="100" height="100" title="Название" alt="Описание">


[url
 
Форум » Владельцу сайта » Уроки HTML и CSS » Как вставить и обработать изображение?
  • Страница 1 из 1
  • 1
Поиск:


clan-sg,Клан-сг, sg Хостинг от uCoz