Започните са ХТМЛ: Табеле

ХТМЛ, скраћено од ХиперТект Маркуп Лангуаге. То је стандард који служи као референца за развој веб страница у различитим верзијама, дефинише основну структуру и код (тзв. ХТМЛ) за дефинисање садржаја веб странице, попут текста, слика, видео записа, између осталог. Да бисмо почели да разумемо како је дефинисана структура овог језика, у овом водичу ћемо почети познавањем ознака са којима се рукује табелама, које су веома корисне при изградњи структура билтена и слања поште углавном.
Циљ овог водича је дати објашњење које помаже графичким дизајнерима да на најједноставнији могући начин разумеју структуру и логику докумената ХТМЛ да стекну основно знање које ће им омогућити генерисање датотека на овом језику.

Захтеви

- Власник уређивача кода попут Дреамвеавер ЦС6, Нотепад ++, узвишени текст између осталих доступних на Интернету.
- Инсталирајте веб прегледач као што су Цхроме, Фирефок, Опера, Сафари, Едге или Интернет Екплорер.
Корак 1: Познавање ознака за креирање табела
овом ознаком дефинишемо почетак табеле у структури ХТМЛ.
дозвољава креирање реда за табелу
представљају заглавље колона, ове колоне се састоје од ћелија.
<>> је приказ ћелија које ће се налазити у редовима табеле.
Ово су све ознаке које ће нам требати за креирање табела, у следећем кораку ћемо научити како су декларисане унутар кода и њихов редослед.
Корак 2: Логичка декларација ознака.
Важно је знати да се у ХТМЛ -у велика већина ознака мора отворити, управо када их декларишемо, а такође и морају бити затворене, следећи пример илуструје овај концепт:

Као што видите, свака ознака мора имати отварање и затварање. Разликују се углавном попречном цртом "/" којом се ознака затвара. Сваки пут када се направи ознака, обавезно је на исти начин прогласити њено затварање.
Корак 3: Хијерархијска декларација ознака.
Налепница То је први који је декларисан да означава креирање табеле, а самим тим и да започне стварање ћелија које ће садржати информације за приказ.
Табеле се састоје од колона и редова.

Водећи рачуна о хијерархијском редоследу који мора имати свака ознака, креираћемо табелу и увести редове који ће нам бити потребни за табелу на доњој слици:

Код у табели би требао изгледати овако:

Иако су редови табеле већ дефинисани, потребно је креирати ћелије које чине колоне табеле. Доња слика илуструје овај концепт:

Код у табели би требао изгледати овако:

Корак 4: Додавање садржаја ћелијама
Свака ознака [цолор = # 7030а0] [/ цолор] је еквивалент ћелији у нашој табели, па се овде могу додати информације. Променићемо прву ознаку [цолор = # 44546а] [/ цолор] декларисан ред алл [цолор = # 7030а0] [/ цолор] по ознакама заглавља [цолор = # 002060][/Боја]. У [цолор = # 7030а0][/ цолор] осталих редова додајемо узорак садржаја. Код ХТМЛ То би требало да изгледа овако:

 
 
 
Итем
 
Име
 
Презиме
 

 
 
1
 
Педро
 
Росес
 

 
 
2
 
Јохн
 
Извори
 

Корак 5: Сачувајте документ у ХТМЛ и прегледајте датотеку
У програму за уређивање кода идемо на мени Филе / Саве док чувамо документ у формату .хтмл

Касније отварамо документ у прегледачу по жељи:

Табела коју смо направили треба да изгледа као на слици испод.

До сада смо научили назив и функцију етикета ХТМЛ да граде табеле, њихов хијерархијски поредак, њихов логички распоред и да им додају садржај. Сада смо спремни за додавање графичких атрибута у табеле.Да ли вам се допао и помогао овај водич?Можете наградити аутора притиском на ово дугме да бисте му дали позитиван поен