ХТМЛ, скраћено од ХиперТект Маркуп Лангуаге. То је стандард који служи као референца за развој веб страница у различитим верзијама, дефинише основну структуру и код (тзв. ХТМЛ) за дефинисање садржаја веб странице, попут текста, слика, видео записа, између осталог. Да бисмо почели да разумемо како је дефинисана структура овог језика, у овом водичу ћемо почети познавањем ознака са којима се рукује табелама, које су веома корисне при изградњи структура билтена и слања поште углавном. Циљ овог водича је дати објашњење које помаже графичким дизајнерима да на најједноставнији могући начин разумеју структуру и логику докумената ХТМЛ да стекну основно знање које ће им омогућити генерисање датотека на овом језику.
Захтеви
- Власник уређивача кода попут Дреамвеавер ЦС6, Нотепад ++, узвишени текст између осталих доступних на Интернету. - Инсталирајте веб прегледач као што су Цхроме, Фирефок, Опера, Сафари, Едге или Интернет Екплорер. Корак 1: Познавање ознака за креирање табела
овом ознаком дефинишемо почетак табеле у структури ХТМЛ.
дозвољава креирање реда за табелу
представљају заглавље колона, ове колоне се састоје од ћелија. <>> је приказ ћелија које ће се налазити у редовима табеле. Ово су све ознаке које ће нам требати за креирање табела, у следећем кораку ћемо научити како су декларисане унутар кода и њихов редослед. Корак 2: Логичка декларација ознака. Важно је знати да се у ХТМЛ -у велика већина ознака мора отворити, управо када их декларишемо, а такође и морају бити затворене, следећи пример илуструје овај концепт:
Као што видите, свака ознака мора имати отварање и затварање. Разликују се углавном попречном цртом "/" којом се ознака затвара. Сваки пут када се направи ознака, обавезно је на исти начин прогласити њено затварање. Корак 3: Хијерархијска декларација ознака. Налепница
То је први који је декларисан да означава креирање табеле, а самим тим и да започне стварање ћелија које ће садржати информације за приказ. Табеле се састоје од колона и редова.
Водећи рачуна о хијерархијском редоследу који мора имати свака ознака, креираћемо табелу и увести редове који ће нам бити потребни за табелу на доњој слици:
Код у табели би требао изгледати овако:
Иако су редови табеле већ дефинисани, потребно је креирати ћелије које чине колоне табеле. Доња слика илуструје овај концепт:
Код у табели би требао изгледати овако:
Корак 4: Додавање садржаја ћелијама Свака ознака [цолор = # 7030а0]
[/ цолор] је еквивалент ћелији у нашој табели, па се овде могу додати информације. Променићемо прву ознаку [цолор = # 44546а]
[/ цолор] декларисан ред алл [цолор = # 7030а0]
[/ цолор] по ознакама заглавља [цолор = # 002060]
[/Боја]. У [цолор = # 7030а0]
[/ цолор] осталих редова додајемо узорак садржаја. Код ХТМЛ То би требало да изгледа овако:
Итем
Име
Презиме
1
Педро
Росес
2
Јохн
Извори
Корак 5: Сачувајте документ у ХТМЛ и прегледајте датотеку У програму за уређивање кода идемо на мени Филе / Саве док чувамо документ у формату .хтмл
Касније отварамо документ у прегледачу по жељи:
Табела коју смо направили треба да изгледа као на слици испод.
До сада смо научили назив и функцију етикета ХТМЛ да граде табеле, њихов хијерархијски поредак, њихов логички распоред и да им додају садржај. Сада смо спремни за додавање графичких атрибута у табеле.Да ли вам се допао и помогао овај водич?Можете наградити аутора притиском на ово дугме да бисте му дали позитиван поен
