Сайт поможет начинающему web-мастеру в создании вашей первой html-страницы. А более опытному мастеру, возможно, напомнит о каких то деталях. Основная тематика сайта - создание сайтов, HTML, web-программирование.


Изображения. Атрибуты тега <IMG>

Автор: admin | Дата: 15.05.2008

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

Итак, как уже говорилось в статье Оптимизация графики для веб, указание размеров рисунка может существенно повлиять на тип загрузки страницы. Посетитель в первую очередь увидит текст на странице, а во время чтения будет грузиться графика. Иначе, если вы проигнорируете эти атрибуты, посетитель должен будет дождаться загрузки графики и только после загрузки всей страницы. Также зачастую изображения являются ссылками на другие документы сайта. В таком случае, по умолчанию, браузер добавит рамку к изображению, тем самым, указав на то, что изображение является ссылкой.

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

Читать далее…

Похожие записи

Теги: , , , , ,

Параметр ALIGN в HTML

Автор: admin | Дата: 26.04.2008

Параметр для выравнивания ваших текстов, картинок, таблиц и любых других объектов на странице называется ALIGN. Примеры его использования:

<p align=”left”>Все содержимое, данного абзаца выровнено по левому краю окна</p>

Все содержимое, данного абзаца выровнено по левому краю окна

<div align=”center”>Блок выровнен по центру страницы</div>

Блок выровнен по центру страницы

<h2 align=”right”>Заголовок выровнен по правому краю окна.</h2>

Заголовок выровнен по правому краю окна.

Выравнивание можно указывать для каждой ячейки таблицы, для изображений, заголовков страницы. Для выравнивания всего содержимого по центру страницы, можно воспользоваться тегом <CENTER>

В данной статье мы рассмотрели варианты выравнивания содержимого на странице. Еще раз пробежимся по ним:

CENTER - выравнивание по центру
LEFT - выравнивание по левому краю окна
RIGHT - выравнивание по правому краю окна

Для таблиц, существует еще один параметр – вертикальное выравнивание. Например, для того, чтобы выровнять содержимое ячейки таблицы по верхнему краю задают такую конструкцию:

<td valign=”top”>

Похожие записи

Теги: , , ,

Горизонтальная линия, тег <HR>

Автор: admin | Дата: 08.11.2007

Для вставки горизонтальных линий в HTML применяется тег <HR>. Редкий случай одиночного тега, тем не менее, он имеет ряд важных параметров, которые определяют вид, ширину и толщину линии. Рассмотрим параметры тега:

<hr width=”500″>

Параметр width, тега <hr> указывает на ширину линии, равную той, которую вы указали в кавычках. Размер указывается в пикселях, но вы можете указать проценты, например, <hr width=”50%”>

<hr size=”2″>

Параметр size, делает толщину линии, равную той, которую укажете в кавычках, так же как и с шириной линии, толщина указывается в пикселях.

Для выравнивания линии, по центру, справа или слева применяется знакомый нам параметр ALIGN. А вот примеры его использования:

<hr align=”center”>
<hr align=”left”>
<hr align=”right”>

Так же вы можете в теге <HR> применять различные параметры, например <hr align=”center” width=”500″>

Существует еще один интересный параметр тега, который отображает толстую линию. Пример:

<hr noshade>

Похожие записи

Теги: , , , ,