Html как да вмъкнете картинка

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

Как да вмъкнете картинка

елемент Тя се отнася до елементите, поставете съдържание, което е на самия елемент не се добавя директно към уеб страница, браузърът създава необходимата сума на пространството, в което се показва изображение, на което той се отнася. свободен край е един маркер за съдържание не, тя има задължителен атрибут SRC, което показва, че разстоянието (относително или абсолютно), за да графичен файл.

Браузъри справят изображение като вградени елементи. така че те ще бъдат на една и съща линия с текста или други вградени елементи (включително и други изображения):

Алтернативен текст и подсказка

Атрибутът н е друг основен атрибут, то осигурява алтернативен текст, за да се покаже, когато изображението е на разположение. Това може да стане например се дължи на факта, че разширяването неправилно определен образ правилно установена път и т.н.

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

Изображенията, които не принадлежат към основното съдържание на страницата и да имат чисто декоративна функция, също трябва да има н атрибут, но вместо да описват своите декоративни качества на неговата стойност може да бъде оставено празно (ALT = "").

Забележка: Ако се наложи да добавите подсказка с допълнително описание на снимка, можете да използвате глобалната заглавие атрибут: Опитайте "

На тази тема виж: