Как вставить картинку в 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
