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



 

Волшебный конструктор LineAct

Облачный хостинг в России

Учет в транспортной компании

Какие разновидности рекламы ВКонтакте обладают максимальной эффективностью?

Для чего нужны Seo-оптимизация и продвижение?

«Тосно» сильнее «Авангарда»

Как заказать интернет магазин?

Что можно напечатать на футболке?

Раскрутка сайтов: несколько советов

Малогабаритные морские контейнеры

Как избежать ошибок при создании сайта

АПГРЕЙД

Сочи – идеальное место для отдыха всей семьей

Зачем необходимо продвигать сайт?

MetaScan - сканнер уязвимостей

Преимущества и недостатки картонно-бумажной тары

Как приступить к игре в Torchlight по сети

Где можно заказать качественную брусчатку с установкой?

Основы выбора хостинга

Краска для дорожной разметки

Как подготовить малыша к школе

Принцип работы и типы распределительных коллекторов

Этапы получения водительской медицинской справки

Виды кремов для лица

Самая полезная рыба

Грузоперевозки с 7KLogistics - это надежно, оперативно и выгодно

Красивый номер поможет быть успешным

Организация обзвона должников

Исключить воровство в ресторане поможет система автоматизации

Смартфон – что это такое?