Коришћење ХТМЛ табелу

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

Раније, скоро сви вебмастери користе таблице за лаиоут је места. У почетку, сто не долази са. Стога, морамо користити блок див елемент за обележавање сајт.

Ако не желите да увек остане почетник, да се одмах користи за исправно учинити све. Ово је веома важно у језику ХТМЛ. Табела треба ставити само уобичајене информације (текст, везе, листе, слике, и тако даље. П.), а не цео сајт у целини.

Како направити табелу ХТМЛ?

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

Ако сте написати сајт у "Нотепад", онда ће све има везе са његовим рукама. Ако у коначном уредник, обично постоји дугме - "Инсерт Табле", "Инсерт Имаге" и тако даље.

Пример 2 Табела 2.

<Тд видтх = "100%" алигн = "1">

<Див>

<Див> Текст за прву линију прву ћелију

<Див> Текст другог реда прве ћелије

<Див>

<Див> Текст првог ћелије другог реда

<Див> Текст другог ћелије другог реда

Ознаке <табела> и указују на почетак и крај стола. Ознаке <тд> и - почетак и крај линије. У истој линији може бити било који број ћелија које су дефинисане ознакама <тд> и .

Основно правило је: број ћелија у сваком реду морају бити исти. То је сто.

Али, као у Ворд и Екцел уредник, ћелије могу да се комбинују једни са другима.

Како да комбинују ћелије у табели?

Да се комбинују и користе цолспан ровспан атрибуте. Спан је преведена као "поклопац" или "преклапају". Буквално значење - да покрије / затварање ћелија / ред.

Вредност овог атрибута мора да наведе колико ће редова или ћелија бити блокиран. Следећи је илустративан пример коришћења оба ХТМЛ атрибут у табели.

У овом примеру, прва линија 3 сакупљене ћелије користећи атрибут цолспан = "3". Онда је прва ћелија другог низа протезао у четири реда. Запамтите да истезање / комбинују само у првој ћелији. Њена имовина се простире на. Све то долази раније, неће бити угрожена.

Ако имате 5 ћелије које желите да споји од 2 до 4, онда само треба у ћелију број 2 навести атрибут цолспан = "3".

Обратите пажњу на слот број 9 на слици изнад. Одмах ту споје и ћелије и редови. Овакви поступци нису забрањене.

Погледајте још један пример да обезбеди информације. Пошто су неки збуњени и атрибуте уместо редова ћелија понекад заједно.

табеле

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

кода ће бити као што следи.

Као што се види, нема ефеката. Можете додати рам, одредити ширину и висину.

Такође можете играти са поравнање. Може се поравнати иу висину и ширину.

Алигн да усклади хоризонтално, и алигн - вертикална. То је такав резултат.

Атрибути алигн и алигн може да се примени на целу линију. Онда све ћелије које су у њој ће бити предмет ове атрибуте.

Поред ознаке <див> и <тд>, постоји додатни тег <ј>. У ствари, то је аналог <п>, али се користи само у првом реду и иде. По дефаулту, текст у <ј> је у центру и масним словима.

Како повезати стилове за сто?

Као и свака тагс ХТМЛ, сто се могу конвертовати помоћу стилова. Потребно је да одредите фајл стил у глави <линк рел = "стилесхеет" хреф = хттп: // сајт типа /артицле/255972/%Е2%80%9Цстиле.цсс%Е2%80%9Д = "тект / цсс"> или spreman стил (како је наведено у главу).

<Глава>

...

<Стиле типе = "тект / ЦСС ">

сто {

фонт-сизе: Ариал, Хелветица, без сериф;

боја: # 000000;

}

.ми_цласс

{

боја: # 666666;

}

...

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

<П цласс = "ми_цласс">

Имајте на уму да се класе могу користити као ознаке за сто и за одређену ћелију или редом.

<Табле цласс = "стиле_табле" видтх = " 100%" бордер = "1">

<Тд стиле = "стиле_ров1">

<Див цласс = "стиле_тд1"> текст у првом реду прве ћелије

<Див цласс = "стиле_тд2"> текст другом реду прве ћелије

<Тд стиле = "стиле_ров2">

<Див> Текст првог ћелије другог реда

<Див> Текст другог ћелије другог реда

Ако стил уметника негде грешка, резултат неће видети. Ако, међутим, у стилу постоје грешке, али имена су исти, ефекат неће бити. Сваки зарез или дебелог црева игра важну улогу.

Додатни атрибути у табелама

Шта атрибути могу бити писани на часовима стилу? Постоје многе особине које се конкретно односе на столовима. Размислите од којих је најосновнији су веома корисни.

алигн	horizontalno поравнање
алигн	vertikalno поравнање
позадина	Бацкгроунд имаге у ћелији / табеле
алигн	Позадине боја ћелије
бордерцолор	Рам табле боја / ћелије
висина	visina ћелија
новрап	Бан преломити текст у низу.
ширина	Ширина ћелија / табеле

Као што можете видети, користити ХТМЛ у табели може бити велики број "алата".

Лепа је направљена помоћу ХТМЛ табеле. примери

Због стиловима можете направити различите прелепом табеле. Све зависи од тога шта и како желите. То је као кување. Састојци су исти, и више опција има много рецепата.

Као што можете видети, ако користите ХТМЛ ознаке, сто се може трансформисати до непрепознавања. могућа ограничења одређена ваше маште.