Как да вградите изображение в Html

Съдържание:

Как да вградите изображение в Html
Как да вградите изображение в Html

Видео: Как да вградите изображение в Html

Видео: Как да вградите изображение в Html
Видео: HTML5 уроки для начинающих | #10 - Отображение изображений в HTML 2024, Може
Anonim

Html е популярен език за маркиране, който все още се използва успешно за изграждане на уебсайтове. Неговите средства могат да се използват за качване на музика, видео файл или обикновена снимка на страницата.

Как да вградите изображение в html
Как да вградите изображение в html

Инструкции

Етап 1

Изображението, което искате да поставите на уеб страница, може да бъде на вашия компютър или на всеки уебсайт. Важно е да посочите правилно пътя до графичния файл, така че да се показва правилно на вашата страница, например:

Стъпка 2

Кавичките показват адреса на изображението с име 1.jpg, което се намира на D устройството на вашия компютър в папката "Картини". Ако картината и документът, където трябва да бъде поставен, са в една и съща папка, пътят ще бъде по-кратък. Просто поставете в кавички името на избрания графичен файл:

Стъпка 3

Ако искате да хоствате картина от друг сайт, мрежовият път към нея трябва да бъде изцяло посочен:

чтобы узнать сетевой адрес понравившегося изображения, щелкните по нему правой кнопкой мыши и выбирайте в контекстном меню команду «копировать ссылку на изображение», затем вставьте содержимое буфера обмена в строку кода клавишами ctrl+v или командой «вставить» из контекстного меню.

шаг 4

обилие крупных, с хорошим разрешением изображений может значительно утяжелить страницу, из-за чего она будет медленно открываться и долго загружаться. чтобы избежать этого, разместите на странице маленькие картинки, которые по щелчку превращаются в крупные. для этого маленькое изображение надо сделать ссылкой с помощью тега anchor (<a):

шаг 5

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

Препоръчано: