HtmlGuide.ru
Учебник по HTML, CSS и Web-дизайну
Сайт поможет начинающему 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>
Похожие записи
Рубрики
Самое читаемое
- Рассмотрим тег <META> (190)
- Теги <H1>…<H6> для создания заголовка (178)
- Поговорим о HTML? (177)
- Горизонтальная линия, тег <HR> (176)
- Браузеры (174)
- Оптимизация графики для Web (163)
- Тройка тегов: выделение, подчеркивание, курсив (162)
- Аббревиатуры (154)
- Параметр ALIGN в HTML (150)
- Тег <FONT> - часть I (143)
- Тег <FONT> - часть II. Изменяем гарнитуру текста (140)