Како направити табелу у ХТМЛ: детаљан опис

Табела - један од најважнијих, али у исто време сложених елемената који морају бити присутни на веб страницама. Уз њихову помоћ је погодан за примену важну и корисне информације у прилично сажетом облику. Наравно, већина уредника у шаблонима, који раде на различитим моторима, аутоматски убаците табелу у свој сајт или посебној публикацији, али шта ако веб дизајн ресурса, њене странице су створене од нуле? Онда је искушеник мајстор може добити проблем: како да направи табелу у ХТМЛ. Хајде да видимо како брзо и правилно створити ставку.

изабрати едитор

Пре свега, почиње да направите табелу, требало би да дефинише едитор у коме ће радити. Наравно, најлакши начин да се изабере програм у којем сте креирали основни сајт код. Али је најбоље да се користе у ту сврху добре старе куповину.

Можда се питате, зашто компликовати живот, јер ако сте урадили све добро у едитору, онда резултат може одмах видети, такође, и чак тражи програм за коришћење.

Да, то је истина, али да направите табелу од нуле, не само да ће бити у стању да детаљно испита принцип њеног настанка, али и да спречи неугодне грешке у куцању и грешке у основном коду. Понекад се деси случајно да се курсор се помера надоле, а процес писања кода грешком увуче у, које је понекад тешко пронаћи. Креирање табеле у свесци, можете да копирате код и налепите га у право место за вас.

Алгоритам за креирање табеле

За почетак, направите кратку алгоритам, како направити табелу у ХТМЛ. Ово је да се осигура да разумете редослед сваком кораку. Затим анализира тачно како се обавља сваки од предмета.

Почнимо са припремним радњама.

1. Нацртајте схематски на папир табеле слици.

2. Цоунт број редова и ћелија. Ако је број различитих прошлости - да сваког риадоцхка одвојено.

3. Одредити број у ћелијама ред-заглавља (на пример, «№» ћелију, "наме" и т. Д.).

4. Запишите главне параметре стола - боје, висине и ширине, поравнање текста - укратко, све што сте изгледа одговара.

Онда иду директно до стварања стола:

1. Убаците тагови сто.

2. Ставите тагова линијама по основу износа које су вам потребне.

3. реда убаците ознаке ћелија (нормалних и великих), и на основу износа који су снимљени на папиру.

4. Поставите параметре за целу табеле.

5. Ако је потребно да подесите параметре за појединачне ћелије.

6. Попуните у нашој ћелији тексту.

направите табелу

Дакле, да изаберете едитор, хајде да погледамо како да направите табелу у ХТМЛ. Таг који омогућава табле (<табле>) је убачена у страну код је упарен, да је, наша изградња почиње са овом ознаком, а завршава се .

Убацивање табеле тагс, наставити да створи редове и ћелије.

Сада, напомињемо да су ови елементи и упарен. Таг <див> дефинише низ, и <п> - ћелија.

За горње-ћелије треба користити упарене елементи <тх>.

Као што је већ поменуто, први корак је да се подвући црту, онда морају да се региструју ћелију. Да би се избегла конфузија, препоручљиво је да уради било паддинг између сваког блока у линији или два, или пак да прописује нови блок елементе користећи "Таб" тастер.

Како може да изгледа? Нешто овако:

• <Табле>;
• <Тр>;
• <Тх> № п / п ;
• <Тх> Име ;
• ;
• <Тр>;
• <Тд> 1 <тд>;
• <Тд> Иванов је ;
• ;
• .

Као што можете видети, ништа компликовано о томе. Главна ствар - не изгубе у броју редова и ћелија. У супротном, сто је нагнут.

Ми се демонтирају да направите табелу у ХТМЛ-у, сада можемо прећи на параметрима како Матрикса и њених редова и ћелија.

табле Опције

Када је написан код, потребно је обратити пажњу на следеће тачке: поравнање у табели ХТМЛ, боју граница, позадина, текст, и тако даље.

Параметри су наведени у табели ознаци <табле>. Ово укључује:

1. Граница - ширина границе. Дефинисана целобројне вредности. По дефаулту, сваком столу границе нестају.

2. бордерцолор - боја границе. Може се дати као хексадецималном боје (# 00008Б), и његово име на англииком (даркблуе). По дефаулту, увек је сиво.

3. бгцолор - боја позадине. Као што је наведено код или име.

4. Поравнајте - поравнајте текст за столом. Дефаулт - на левој страни. Постоје следеће опције за овај параметар:

• лево - десно Врап;
• -обтекание десна на лево;
• Центар - излаз сто у средини без протока.

5. ширина и висина - ширина и висина табеле. То може бити у пикселима или у процентима (у односу на величину претраживача прозора).

Прописивање одређеног индикатор, треба обратити посебну пажњу на дизајн. Након одабира параметар да иде знак "једнак", након чега је у наводницима указује на унапред одређене вредности.

Што се тиче боја текста, онда би се то на исти начин као обичан текст у ХТМЛ формату.

Пример табеле:

• <Табле бордер = "2" бордерцолор = "# 00008Б" бгцолор = "#ФФФФФФ" алигн = "центер" видтх = "800" хеигхт = "800">;
• <Тр>;
• <Тх> № п / п ;
• <Тх> Име ;
• ;
• <Тр>;
• <Тд> 1 <тд>;
• <Тд> Иванов је ;
• ;
• .

параметри редова

Дакле, већ смо смислили како да направи табелу у ХТМЛ и прописују своје главне параметре. Али, шта ако је потребно да се издвоји стринг? Цхецк оут јој не као главно тело за столом?

параметри линије су писани у ознаци <тр> на исти начин као и табеле података. То линију следеће промењиве могу дефинисати:

1. Већ познајете границе, бордерцолор и бгцолор.

2. Поравнајте - поравнајте текст у реду. Може се поставити на лево, центар и десно.

3. валигн - ознака поравнава текст вертикално. Потребно је следеће вредности:

• врх - текст је поравнат са горње границе;
• средње - у средини;
• дно - доња ивица.

ПРИМЕР лине цлеаранце:

• <ТР граница = "3", бордерцолор = "# 00007Ф" бгцолор = "# ФФФФЕ0" алигн = "центер" валигн = "миддле">;
• <Тх> № п / п ;
• <Тх> Име ;
• .

параметри ћелије

И последња ствар коју би требало обратити пажњу на оне који желе да знају како да направи табелу у ХТМЛ - параметре појединих ћелија, и нормално и капитала. У ствари, све је урађено на исти начин као и за столом или редом. Једини је додао два битна елемента:

1. ЦОЛСПАН - Овај параметар одређује број колона за које ћелија може продужити.

2. ровспан - већ указује на број редова окупирали овој ћелији.

Пошто је дизајн се не разликује од пресцриптион линије, то неће довести у коду узорка.

налази

Маке а сто није тако тешко као што можда изгледа на први поглед. Главна ствар када пише своју код - истрајност и пажњу.

Што се тиче како да убаците табелу у ХТМЛ-у, онда је број код је довољно да копирате и налепите га у месту ваше странице, у којем, по вашем мишљењу, требало би да буде постављена.

Немојте се плашити да експериментишете, и ускоро се савршено савладао технику креирање табела. Срећно!