ХТМЛ основе - Приказивање слика

• Може 17, 2024

Једном када поставите текст своје веб странице и форматирате по жељи, време је да страницу зачините с неколико слика. Слике не само да додају боју и живот вашим страницама, већ их можете користити и за генерисање текстуалних ефеката које би било тешко или немогуће направити са регуларним текстом и форматирањем. На пример, избор ваших фонтова обично је ограничен на мали број фонтова за које можете бити сигурни да су инсталирани на рачунарима посетилаца, јер ако немају инсталиран фонт, они га неће видети на вашој веб локацији! Кад год објавите текст недоступним фонтом, рачунари посетилаца ће га приказати било којим расположивим фонтом који је по стилу најближи, а који често може опустошити дизајн вашег вебсајта.

С друге стране, ако користите програм за уређивање слика да бисте снимили текст фантастичним фонтом и поставили га као ГИФ или ЈПЕГ на вашој веб локацији, сваки посетилац ће га видети тачно онако како сте планирали - јер је то сада слика текста а не текст сам. Ово вас може ослободити употребе фантастичних фонтова у заглављима и груписати их на необичне начине.

Основна ознака која се користи за приказивање слика је следећа:



Горе наведени код савршено ће функционирати у ХТМЛ-у. Ако користите КСХТМЛ или желите да будете сигурни да је ваша веб локација спремна за КСХТМЛ, додајте косицу која ће затворити ознаку, јер у КСХТМЛ-у не можете да користите отворене ознаке:



„Срц“ је кратак за извор, а ви ћете га користити да одредите путању датотеке до ваше слике - другим речима, да бисте претраживачу рекли где се слика може пронаћи на вашој веб локацији. Ако слике држите у истој фасцикли као и ваше веб странице, не морате да листате мапу у тексту „срц“ - можете само да укуцате назив датотеке слике.

Једном када одредите извор слике, овај основни оквир можете побољшати разним опционалним атрибутима да бисте максимално искористили своје слике. Један атрибут који бисте скоро увек требали користити је атрибут 'алт'. Ово вам омогућава да одредите који текст прегледач треба да прикаже ако из неког разлога не може да прикаже вашу слику. Текст 'алт' припрема се на следећи начин:



Још један користан низ атрибута су ознаке 'видтх' и 'хеигхт'. Омогућују вам приказивање слика у различитој величини од стварне величине слике. Можете их користити за подешавање слике тако да се савршено уклапа у ваш цјелокупни дизајн странице. Међутим, генерално је пожељно да промените стварну величину слике помоћу програма за уређивање слика и потом слику објавите на линији из два разлога. Прво, софтвер за уређивање слика ће вам готово увек пружити бољи изглед од подешавања величине руком. Друго, промена ознаке 'ширина' и 'висина' не мења стварну величину датотеке слике, тако да ако имате огромну слику која се приказује као минијатуру, слика ће се трајати толико дуго колико ће се и жвакати исто као и много ширине појаса као да сте га приказали у пуној величини.

Када одређујете величину слике можете навести висину, ширину или обоје. Величине су одређене пикселом као што видите испод:



Своје слике можете и „поравнати“ да бисте их несметано обрађивали у току текста. Ако одаберете поравнање улево, текст ће почети са десне стране слике. Ако одаберете исправно поравнање, слика ће се приказати на десној страни странице, а ваш текст ће се појавити на левој страни слике, а затим прећи на нови ред.

Поравнавање слике се поставља на следећи начин:



Такође можете подесити поравнање на „врх“, „дно“ или „средина“ да бисте слику поравнали са горњим или доњим редом текста. Ако не одредите поравнање, слика ће подразумевано бити „дно“.

Као споредну белешку можете да укључите своје атрибуте слике (срц, поравнање, алт итд.) Било којим редоследом унутар сликовних ознака. Моја лична предност је да прво набројим атрибут 'срц', пошто је то најосновнији атрибут и мора бити укључен у сваку сликовну ознаку, али можете користити било који редослед који вам се чини најприроднијим.

Видео Упутства: How to Understand the Black Hole Image (Може 2024).