Преглед садржаја
ХТМЛ (ХиперТект Маркуп Лангуаге) или језик за означавање хипертекста, стандард је који се користи за развој веб страница, то је језик заснован на ознакама који структурира информације на основу хијерархије садржаја. ХТМЛ сам по себи не даје графичке карактеристике презентираним информацијама, већ их само организује на такав начин да има логичан редослед читања.Друго ЦСС (Цасцадинг Стиле Схеет) или каскадни стилски листови су језик који се користи за дефинисање и креирање презентације структурираног документа написаног у ХТМЛ -у, задужен је за формулисање спецификација стилских листова који ће послужити као стандард за прегледаче.
У овом водичу ћемо представити основну структуру документа ХТМЛ5, најпопуларније ознаке и хијерархијски редослед за њихово проглашавање. Заузврат ћемо објаснити однос између ХТМЛ5 и ЦСС3, начин на који се они могу повезати, структуру декларација направљених у ЦСС3 и графичке атрибуте које могу дати ХТМЛ документу.
За примере које ћемо извести потребно је имати уређивач кода, у нашем случају изабрани уређивач је Дреамвеавер ЦЦ 2014, у водичу Дреамвеавер ЦС6 Основе: Познавање радног окружења описане су карактеристике апликације које остају исте упркос разлици у њиховим верзијама
1. Структура ХТМЛ5 документа
Б) Означава отварање ХТМЛ документа, то је прва ознака која је декларисана.
Ц) Можете укључити наслов документа, скрипте, стилове, мета-информације, између осталог.
Д) Пружа метаподатке о ХТМЛ документу. Метаподаци се неће приказивати на страници, већ ће се анализирати само као приложени подаци. Елементи се обично користе за навођење описа странице, кључних речи, аутора документа, између осталог. У примеру приказаном на слици користили смо цхарсет атрибут за дефинисање скупа знакова у којима ће страница бити приказана, цхарсет = "утф-8" у случају шпанског језика.
И) Омогућава нам да доделимо назив страници која ће бити приказана у прегледачима.
Ф) Огромној већини ознака у ХТМЛ -у требају уводна декларација и завршна декларација:
Садржај ознакеУ овом случају приказана слика затвара ознаку главе са
Г) Претраживач ће приказати све унутар овог елемента, односно унутар ове ознаке ћемо означити сав визуелни садржај нашег ХТМЛ документа.
Х) На исти начин као што је објашњено у одељку Ф. ово је затварање ознаке
И) На исти начин као што је објашњено у одељку Ф. ово је затварање ознаке
Структура ЦСС3 документа
Б) #Ид: Декларације које почињу знаком фунте указују на то да је ИД типа. И класе и ИД -ови се користе за одређивање графичких атрибута које желимо дати нашем ХТМЛ садржају. Међутим, разлике између ове две врсте изјава су следеће:
ИД -ови су јединствени:
- Сваки елемент може имати само један ИД.
- Свака страница може имати само један елемент са тим ИД -ом.
Наш ХТМЛ код неће проћи валидацију ако се исти ИД користи у више од једног елемента.
Часови нису јединствени:
- Иста класа се може користити у неколико елемената.
- Можете користити неколико класа у истом елементу.
Сваки стил који је потребно применити на више објеката на страници мора бити урађен класом. Важно је напоменути да је све наведено у ЦСС документима осетљиво на велика и мала слова.
Ц) {Отварање заграде која започиње декларацију атрибута.
Д) } Кључ који затвара декларације дате класи или ИД -у.
И) Структура атрибута: након декларисања атрибута потребно је навести његову вредност, у примеру приказаном на слици додељујемо висину од 600 пиксела #Ид -у.
За одвајање атрибута и њихових вредности користи се тачка -зарез; како је приказано на слици.
Ово су, на једноставан начин, опште карактеристике структуре кода ХТМЛ, потребне етикете и како их наручити. У случају ЦСС врсте декларација и њихова општа структура. Са овим знањем бићемо спремни да направимо наш први ХТМЛ и да ознакама дамо графичке карактеристике.Да ли вам се допао и помогао овај водич?Можете наградити аутора притиском на ово дугме да бисте му дали позитиван поен
