Как да вмъкнете изображение с HMTL

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

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

Стъпки за вмъкване на изображение с HTML

  1. Най-доброто за вас, за да знаете как да вмъкнете изображение с HTML е, че имаме пример. За да направите това, направете снимка, която искате да вмъкнете, и я запазете на компютъра си. Взехме едното кученце и го нарекохме така "perro-divertido.jpg".
  2. Трябва да вмъкнем това изображение в HTML със следния код:
  3. Това е кодът за създаване на елемент на изображение. След това буквите " src " се използват като атрибут и представляват "източник". По принцип, това, което ще правим, ще бъде да предоставим на уеб браузъра стойност за източника на изображението. Естествено, стойността за атрибута източник е "perro-divertido.jpg". Този пример предполага, че вашият графичен файл се намира в същата директория като вашия HTML файл.
  4. Ако например имате файл с изображението в папка, наречена "изображения", кодът ще се промени и ще изглежда така:
  5. Както можете да видите, в двата примера на кода досега не сме включили краен маркер , защото кодът на изображението е елемент "автоматично затваряне". Това е така, защото за разлика от абзац няма да имаме голямо количество съдържание в нашия елемент , но само едно изображение. Всъщност HTML5 не ни принуждава никога да не "затваряме" нашите елементи, но по организационни причини винаги е препоръчително да се опитате да включите традиционните затварящи маркери за повечето елементи.
  6. Накрая има допълнителен елемент от кода, който трябва да добавим, преди да завършим качването на изображението в HTML. Състои се в присвояване на атрибут и стойност "alt" на нашия образ. Атрибутът "alt" означава "алтернатива" и се използва за предоставяне на алтернатива, основана на описание на изображението в текста за зрителите, в случай че изображението не се зареди, или ако имат зрително увреждане. Ето как нашият код ще изглежда най-накрая: