Урок 5. Украсим нашу страничку - Logical-Portal.Com

Добро пожаловать на форум, Гость, это ваша панель

Новые сообщения Участники Поиск Правила форума RSS

Страница 1 из 1
1

Урок 5. Украсим нашу страничку

Ник: andruk | Дата: 28.11.2011, 14:36 | Сообщение #1

Да, весь в работе...

Сообщения:

1277

6880

Урок 5. Украсим нашу страничку

Итак, пришло время украсить нашу страничку – мы будем вставлять в нее графическое изображение. Делается это с помощью непарного тега <img>, выглядеть это будет примерно так:

<img src=”p01.gif” width=”442” height=“131”

align=”center” alt=”Фоновый рисунок” border=”2”>

Как видно в примере, атрибут src=”p01.gif”, указывает браузеру расположение графического файла, width=”442”, указывает ширину изображения, а height=”131” – высоту. Кроме них присутствуют alt, align и border:

Alt:

Что он обозначает? Согласитесь, что не очень-то приятно увидеть на месте картинки белое пятно. Может быть, эта картинка и не нужна, но все-таки обидно. Чтобы избежать таких накладок, используют альтернативный текст, который выводится на том месте, где должен находится пропавший рисунок.

Например:

Alt=”Здесь должен был находиться пропавший рисунок”

Align:

Его я уже описывал выше, но помимо его предыдущих значений, здесь добавляются top и bottom:

Top – выравнивание по верхней границе;

Bottom – выравнивание по нижней границе.

Border:Этот атрибут указывает, будет ли рамка у рисунка. Может принимать значения от 0 до 10 (чем больше значение, тем толще рамка).

Рисунок можно центрировать при помощи тега <center>. Если графический файл находится в том же катплоге, что и HTML-документ, то достаточно указать только имя этого файла <img src="1.gif">. Если он находится в папке, а папка в свою очередь в одном каталоге с HTML-документом, то указывается имя каталога и файл <img src="pics/1.gif">.