Как вставить картинку в HTML?

Как вставить картинку в HTML?


Интересный вопрос, не так ли. Ну это будет интересно в первую очередь тем читателям которые хотят заняться web-программированием. Для начала надо разобрать что это вообще HTML, просто для некоторых это интересное название читают впервые. И так коротко, потому как эта "наука" хоть и маленькая, но сразу все не выучишь .

HTML - простой гипертекс который указывает вашему браузеру какой каркас сайта будет показан на вашем мониторе. Многие знают, а многие и нет. Вот пример того, вы же не раз наверно писали в интернет сайтах сообщения, но при этом хотели украсит его , вот пример простого тега - что означает жирный шрифт. В HTML используются не квадратные скобки, а такие < >, ну еще много чего надо знать, что курсив теперь не используется буквой [i] в html, а <em>, [i] вы будете использовать у себя на сайте, в ваших настройках, и потом участники сайта будут писать свои сообщения тегами, которые в квадратных скобках. И так не отходим от темы, нас интересует, как вставить картинку на наш только что сделанный сайт, и хочется его приукрасить. Для этого используем тег <img> что означает от английского слова image - картинка, потом после img вставляем атрибут src="", между скобками прописываем адрес где находится ваша картинка , например формата JPG, GIF , PNG . Запомните одно что тег <img> не имеет парного тега, а именно закрывающего. Вот пример того что вы пишете в парный тег <body></body>:
<html>
<head>
<title> Как вставить картинку?</title>
</head>
<body>
<p><img src="адрес картинки, например, 254765 и формат картинки после точки -254765.jpg(png, gif)> "</p>
</body>
</html>

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

Дальше, картинка ведь не будет одна, текст тоже нужен, поэтому используйте атрибуты которые будут говорить тексту как он будет выглядеть вместе с картинкой, например атрибут align используется для того чтобы указать картинки место, либо она будет с права align="right", либо в центре - align="center". Если нет такого атрибута, то картинка будет слева от текста по умолчанию. Можно еще прописать ширину - width="..." и высоту - height="...", размер в пикселях. Есть некоторые браузеры в которых отключена функция показа изображения , поэтому используют атрибут alt, что говорит браузеру какая что это за картинка, например, навели на крестик где должна быть картинка, а там всплывает название "чашка".

Можно много чего еще написать, но в основном красоту сайта делают с помощью CSS. Поэтому как вставить картинку в гипертекст вы уже знаете, пробуйте и экспериментируйте.

Источник: http://www.syl.ru/article/98221/kak-vstavit-kartinku-v-html-na-svoem-sayte



 

Как выбрать бюро переводов

Управление персоналом: плюсы и минусы профессии

Почему нельзя садиться за руль в нетрезвом виде

Программы для автоматического продвижения сайтов

Как выбрать конференц-зал для аренды?

ТОП приложений для ведения вашего аккаунта в Instagram

Почему для выхода из запоя нужна медицинская помощь

Несмотря на запреты, надежные обменники криптовалют все еще в цене

Прием оплаты в онлайн-казино: Ваш бизнес — наши решения

Не очевидные советы для тех, кто в поиске работы за границей

Компьютеры и ноутбуки Apple

Что лучше, плазма или LCD телевизор?

Почему стоит приобретать именно оригинальные запчасти для автомобилей HYUNDAI

Как понять, что вашему бизнесу нужна CRM система

Как найти веб-студию по разработке сайтов в Кременчуге

Зачем нужно голосование на сайте?

Преимущества СРМ системы Перфектум

Суши и роллы: польза и вред для здоровья

Особенности работы интернет-консультанта

Пять принципов SEO

Особенности перевозки негабаритного груза с сопровождением

Производители защищённых телефонов: краткий обзор

Типы счетов форекс брокеров

Хочу иметь свой сайт в интернете. Что нужно?

Как делят доски по сортам?

О каких ошибках форум криптовалют советует помнить каждому инвестору?

Накрутить подписчиков в ВК

Почему стоит воспользоваться биржей криптовалют

Зачем обращаться к психологу

Некст - интернет-магазин от разработчика «Аспро»