Добавляем картинки

Как добавить на сайт картинку.

В языке HTML всё описывается при помощи тегов, что и определяет его простоту. Вставка на страницу картинки практически ничем не отличается от вставки ссылки и определяется элементом <img></img>. Этот элемент, кстати, один из немногих, который может не иметь закрывающего тега и выглядеть в програмном коде вот так: <img  />, но лучше, конечно, при добавлении на сайт прописывать и закрывающий тег, ну хотя бы чтобы не запутаться.

Оба варианта используются и не считаются ошибкой главным образом из-за того, что в рисунок, принято считать, кроме рисунка и подписи рисунка, больше ничего вставить нельзя. В первом случае к картинке можно прописать название, которое будет отображаться снизу картинки на странице, а во втором случае название прописать некуда, так как в элементе всего один тег.
Рисунок, к тому же, запросто можно сделать ссылкой, для этого достаточно элемент рисунка поместить в элемент ссылки.

Самый важный атрибут, который рисунку просто необходим, и без которого этот элемент становится совершенно бесполезным — это src. Этот атрибут может иметь только одно значение, которое должно указывать на ресурс, где эта картинка лежит, причём работает та же схема указания адреса, что и в ссылках, то есть можно использовать абсолютный путь или относительный, но лучше, конечно, использовать абсолютный.
Теперь давайте попробуем добавить наш рисунок на страницу.

<html>

<head>

<title>Моя первая страница</title>

</head>

<body>

Вот здесь написано то, что браузер отображает пользователю.

Ниже добавим рисунок

<img src=»Здесь нужно написать адрес картинки, где она находится»>Картинка</img>

</body>

</html>

  Адрес картинки может быть абсолютно любым адресом из интернета или Вашего компьютера и если картинка по этому адресу есть и ресурс доступен, то браузер обязательно её загрузит, вот почему при указании адреса не стоит ошибаться, браузер его просто не найдёт и, как следствие, картинку не загрузит. Единственное исключение из этого правила — это случай, когда браузер не поддерживает формат рисунка. В этом случае он не отобразит картинку в любом случае, даже если найдёт.

  Кроме адреса в элемент рисунка следует добавлять атрибут alt. Этот атрибут просто выводит текст, который является описанием Вашей картинки, только и всего, но в случае недоступности ресурса с картинкой или отсутствия таковой этот тег выведет на экран описание рисунка, по которому можно будет понять, в случае правильного описания семантики картинки, что это был за рисунок.

  Чтобы сделать рисунок ссылкой нужно просто поместить элемент рисунка в элемент ссылки: <a><img /></a>. Если пользоваться этой схемой, то Ваш рисунок будет вести себя как ссылка и при клике на нём, пользователь будет перенаправлен на адрес указанный в этой ссылке. Ну вот, как видите, здесь тоже ничего сложного нет.

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

  Чтобы избавиться от такой проблемы достаточно установить на WordPress плагин Additional Image Sizes, который запросто, своими настройками, эту проблему превратит в пустяк, так как он позволяет маневрировать размерами картинки в широких пределах.


——————————————————————————

Читайте также по теме:
Заработок без вложений для новичков


*Как зарабатывать в сети без вложений

*Как привлечь рефералов из форумов
*Заработок на биржах статей в интернете
*Как реально заработать в интернете
*Как заработать на кликах без вложений




Яндекс.Метрика Рейтинг@Mail.ru