Користите ЦСС да одредите изглед веб странице.
Кодер веб странице користи језик за означавање хипертекста да би рекао веб претраживачу функционалну сврху сваког елемента на страници, као што је параграф, наслов или листа. Од ХТМЛ 4, Цасцадинг Стиле Схеетс су омогућили кодеру начин да каже претраживачу како сваки од тих елемената треба да изгледа, одвојено од дефинисања шта су. Страница може имати различите ЦСС стилове за различите типове уређаја, као што су мобилни телефони и стони рачунари, омогућавајући да се изглед странице промени без потребе да кодер мења ХТМЛ. Користите ЦСС својства да центрирате слику.
Корак 1
Поставите ознаку "имг" у ХТМЛ датотеку где желите да се ваша слика прикаже на веб страници. Мора бити између ознака „тело“ и после „х1“ ознака. На пример,
Видео дана
Ово је твој текст.
дефинише слику под називом пхото.јпг која је широка 170 пиксела и висока 50 пиксела. То је прва ствар на страници после горњег наслова.
Корак 2
Користите ЦСС атрибут „маргин“ да бисте дефинисали простор око елемената странице, као што су слике. Вредност „ауто“ за атрибут маргина говори веб претраживачу да аутоматски одреди количину простора. Тако,
дефинише да простор око слике одређује претраживач.Корак 3
Користите својство „дисплаи“ да бисте дефинисали како се елемент странице приказује. Вредност „блока“ за својство приказа говори веб претраживачу да прикаже елемент у сопственој линији, са простором изнад и испод. Тако, дефинише исту слику, али додатак "дисплаи: блоцк;" сада га поставља на своју линију.
Корак 4
Погледајте веб страницу у неколико различитих претраживача да бисте проверили да ли је слика правилно центрирана.
Савет
Укључите опис слике у ознаку "алт". Ово чини вашу страницу приступачнијом читаоцима са оштећеним видом и осигурава да је ваш код усклађен са стандардима.