Как да направя снимка в Html

Съдържание:

Как да направя снимка в Html
Как да направя снимка в Html

Видео: Как да направя снимка в Html

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

HTML е език за маркиране, който се използва за създаване на интернет страници. Може да се използва за персонализиране на показването на различни елементи, включително изображения. Настройването на показването на изображения в HTML се извършва чрез специален таг.

Как да направя снимка в html
Как да направя снимка в html

Инструкции

Етап 1

Отворете вашия HTML файл с текстовия редактор, който използвате за редактиране на уеб страници. Ако нямате HTML файл, създайте го, като щракнете с левия бутон върху работния плот или в необходимата папка и кликнете върху менюто "Ново" - "Текстов документ". Въведете име на файл и добавете разширението html след периода. След това щракнете с десния бутон върху документа отново и изберете „Отваряне с“- „Бележник“. Ще видите празен документ, в който можете да поставите HTML код.

Стъпка 2

За създаване на изображение в HTML се използва таг, който трябва да се постави в секция за показване. Например:

Картина в HTML

Стъпка 3

Маркерът не се затваря и не изисква затварящ маркер. Основният му параметър, който трябва да се използва, е src, който задава пътя към желания файл с изображение. Можете да посочите в този ред както пълния (с https://), така и относителния път (например /pictures/img.jpg) към файла с изображение, който искате да поставите.

Стъпка 4

Друг важен параметър е alt, който определя името на изображението и неговата идентификация на страницата. Това име ще се появи, когато потребителят задържи мишката върху картината.

Стъпка 5

Можете също да използвате атрибутите ширина и височина, за да зададете параметри на изображението. Първата настройка отговаря за дължината, а втората за височината на изображението на страницата. Този параметър е посочен в пиксели. По този начин, тагът & img> може да бъде зададен:

Стъпка 6

С помощта на този таг се създава изображение, пътят до който е записан в атрибута src. Когато задържите курсора на мишката върху снимката, ще видите съобщението „име на картината“. В този случай изображението ще бъде с ширина 300 пиксела и височина 250 пиксела. Можете да зададете всички горепосочени параметри както искате.

Стъпка 7

Запазете промените във файла, като използвате функцията "Файл" - "Запазване". Отворете документа в браузър, за да проверите дали изображението е създадено успешно в HTML. За да направите това, щракнете с десния бутон върху файла и изберете раздела "Отваряне с", след което щракнете върху реда с името на вашия браузър. Създаването на HTML изображение е завършено.

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