IMG таг

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

Поставете снимката. Относителен и абсолютен път

Отговаря за поставяне на IMG елемент (съкращение от английски език. Образът на думата), този елемент не е затварящ маркер. Img етикет, както и други елементи имат различни атрибути, ние смятаме, само най-подходящите от тях към днешна дата.

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

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

Ако файлът е в същата директория, в кода:

Сега си представи половина на машината.

Трябва да се отбележи, че към днешна дата, размерите най-често се определя с помощта на CSS. Но този метод, също от размера на задачата, която трябва да се знае, защото Това са два начина малко по-различна работа, това, което може да направи на практика.

Атрибутът н

Какво става, ако изображението не се зарежда?

Стана така, че някои потребители за свои собствени причини да деактивират графика, но след това вместо автомобили ще бъде или празно място или квадрат с лого изображение (в зависимост от вашия браузър). Можете да сте сигурни, че потребителите, които деактивират графика могат да видят изображения вместо текст с описание си, но това е направено с помощта на ALT, за да се реши този проблем.

Сега, когато графикът е бил деактивиран, вместо празно място или празно квадратче на потребителят ще видите текста "Първата машина Макларън".

Атрибутът подравняване за днес е актуално, защото напълно заменя със CSS. Знаят за съществуването му може да бъде полезна, защото има моменти, когато е по-лесно или по-удобно да ги използват, какво CSS стилове (ние не говорим за снимките).

ситуацията е изключително проста с рамката. Тя се определя с помощта на границата с ценностите на 0. Колкото по-голяма, по-дебел рамката.

Този имот също е остаряла, също поради използването му в CSS.
Цвят на рамката съответства на цвета на текста, посочен в тялото на елемент с помощта на текст атрибут със стойност на цвят, например, текст = "червените". Не използвайте такива записи, тъй като то вчера. СГО е много по-широк от тези възможности.
Между рамката и на снимката, можете да добавите отстъп HTML средства, но няма да считаме, защото CSS е с по-широки възможности.

За да тествате на прехода, кликнете върху снимката.

фоново изображение

Фоновото изображение се извършва чрез добавяне на фона имота с елемент за тялото. Но това ще се повтори хоризонтално и вертикално. например:

Обърнете специално внимание, че фонът е вече остаряла.
В CSS, можете да сте сигурни, че на фона няма да се повтори, или повторно само хоризонтално или вертикално. Налице е също така възможност за повтаряне на фона хоризонтално и вертикално в същото време.