Преглед садржаја
Постоје тренуци када није све за генерирање обрасца у нашим ХТМЛ документима, много пута морамо укључити друге елементе, попут слика унутар неких ознака како бисмо обликовали нашу страницу, јер ћемо у овом водичу видјети како то учинити и различите функције укључена у саму себе.Да бисмо приказали слику у нашем ХТМЛ документу, морамо користити елемент имг која има следеће атрибуте:
- срц
- алт
- висина
- ширина
- усемап
- исмап
Тренутно ћемо се фокусирати на прва два атрибута, срц И алт; срц омогућава нам да наведемо путању са које ће претраживач тражити слику, то може бити релативна путања или чак УРЛ, атрибут алт омогућава нам постављање текста, овај текст ће бити приказан само када слика није доступна, без обзира да ли се налази на путањи на којој је наведена у срц или чак претраживач не може то да протумачи.
Погледајмо пример како укључити слику у наш ХТМЛ документ:
Пример Овде је уобичајен облик за представљање три активности у триатлону.Прва икона представља пливање, друга бициклизам, а трећа трчање.
У овом примеру такође видимо још два атрибута, ширина и висина Они, како им називи указују, требају регулирати ширину и висину слике, чиме можемо јамчити да ће слика остати унутар величина које смо одредили, такођер ако је слика већа од тога, бит ће поновно димензионирана, без Међутим, мора се водити рачуна јер ће слика имати исту тежину, па је препоручљиво поставити већ уређену слику потребне величине и да се наша страница брже учитава.
Друга прилично уобичајена употреба је употреба слике као везе до других страница, било постављањем иконе тима, на пример следећом стрелицом, наравно, сада би са новим ЦСС оквирима ово могло бити мање уобичајено, међутим, хајде да видимо како учињено је да ова опција буде у нашем портфолију ХТМЛ алата.
Да бисмо уградили слику, једноставно ћемо поставити елемент имг унутар елемента који се односи на страницу, као што су:
Пример Овде је уобичајен облик за представљање три активности у триатлону.Прва икона представља пливање, друга бициклизам, а трећа трчање.
Тиме постижемо да је слика сада наша веза као што ћемо видети на следећем екрану слика се не мења на начин на који је приказана:
