Uzante HTML tablo

En HTML, estas tiom da elementoj, kaj ĉiu el ili estas unika en sia propra maniero. Tablo - tre interesa, populara kaj serioza temo. Danke al ŝi, vi povos ne nur provizi la informon en konvena formo, sed ankaŭ por konstrui retejon kadron.

Antaŭe, preskaŭ ĉiuj retestroj uzas tablojn por aranĝo estas ejoj. Komence, la tablo ne elpensi. Sekve, ni devas uzi bloko div elementon por marki la lokon.

Se vi ne volas resti ĉiam novico, alkutimiĝi tuj fari ĉion ĝuste. Tio estas tre grava en lingvo HTML. La tablo devas meti nur la kutiman informon (teksto, ligoj, lertaj, bildoj, kaj tiel plu. P.), Kaj ne la tuta retejo kiel tuto.

Kiel fari tablon HTML?

Tablo - kompleksa elemento kiu konsistas el granda nombro de aliaj elementoj. Memoru ke al la krei la ĉeloj aŭ vicoj ĉiam tuj bezonos meti fermi etikedo. Alie ĝi flugos. Handler en la retumilo serĉos la fino de la elemento kaj, gxis li gxin trovos, ĉio daŭre inkludas en la tablo. La rezulto estos kaĉo.

Se vi skribas retejon en la "Notepad", tiam ĉio devas fari kun la manoj. Se en la fina redaktoro, ekzistas kutime butonon - "insert tablo", "insert bildo" kaj tiel plu.

EKZEMPLO 2 Tablo 2.

tekston por la unua linio de la unua ĉelo

teksto de la dua linio de la unua ĉelo

teksto de la unua ĉelo de la dua vico

teksto de la dua ĉelo de la dua vico

Etikedoj kaj indiki la komencon kaj finon de la tablo. Etikedoj kaj - la komenco kaj fino de la linio. En la sama linio povas esti ajna nombro de ĉeloj, kiuj estas difinitaj per la etikedoj kaj .

La ĉefa regulo estas: la nombro de ĉeloj en ĉiu vico devas esti la sama. Ĝi estas tablo.

Sed, kiel en Word kaj Excel redaktoro, ĉeloj povas esti kombinita kun la alia.

Kiel kombini ĉeloj en tabelo?

Kombini kaj uzi Colspan Rowspan atributoj. Span estas tradukita kiel "kovro" aŭ "interkovrantaj". La laŭvorta signifo - kovri / fermi la ĉelo / vico.

La valoro de ĉi tiu atributo devas specifi kiom da vicoj aŭ ĉeloj estos blokita. La jenaj estas ilustrativo ekzemplo de uzante ambaŭ HTML atributoj en la tablo.

En ĉi tiu ekzemplo, la unua linio 3 pooled ĉeloj uzante la atributo colspan = "3". Tiam la unua ĉelo de la dua ĉeno etendis en kvar vicoj. Memoru ke streĉado / kombini nur en la unua ĉelo. Ŝia proprieto sternigxos plu. Ĉiuj kiu venas antaŭe, ne estos tuŝitaj.

Se vi havas 5 ĉelojn vi volas kunfandi de 2 al 4, tiam vi bezonas nur ĉe la ĉelo nombro 2 specifi la eco colspan = "3".

Notu la fendo numeron 9 en la figuro supre. Tie pooled tuj kaj la ĉeloj kaj vicoj. Tiaj agoj ne estas malpermesitaj.

Rigardu alian ekzemplon por certigi la informon. Ĉar kelkaj konfuzita kaj ecoj anstataŭ vicoj de ĉeloj foje kombinita.

tablo Formato

Prenu ordinara, normo kazo de HTML. Tablo Du vicoj de du ĉeloj ĉiu.

de la kodo estos jene.

Kiel vi povas vidi, ne ekzistas efikojn. Vi povas aldoni kadron, specifi la larĝeco kaj alteco.

Vi ankaŭ povas ludi kun la alineación. Ĝi povas esti vicigitaj en ambaŭ alteco kaj larĝeco.

Ĝisrandigi vicigi horizontale kaj valign - vertikala. Jen tia rezulto.

Atributoj vicigi kaj valign eblas aplikita al la tuta linio. Tiam ĉiuj ĉeloj kiuj estas en ĝi estos submetata al tiuj atributoj.

Krom la etikedo kaj , estas plia etikedo . Fakte ĝi estas analogo de , sed estas uzata nur en la unua vico kaj estas survoje. Defaŭlte, la teksto en la estas centrita kaj en aŭdaca.

Kiel konekti stilojn al la tablo?

Kiel ĉiu etikedoj HTML, la tablo povas esti konvertitaj per stiloj. Vi devas specifi la stilon dosiero en la kapo aŭ preta stilo (kiel asertis en la kapo).

...

">

tablo {

font-familio: Verdana, Arial, Helvetica, sans-serif;

koloro: # 000000;

}

.my_class

{

koloro: # 666666;

}

...

Se vi specifi tablo, tiam tiu stilo aplikos al ĉiuj tabeloj sur la paĝo. Absolute ĉiu. Sed, se vi uzas la duan metodon, kiu indikas arbitran nomon per punkto, tiam tiu stilo povas esti aplikita al ajna dezirata tablo, dum ne influas al la alia.

Bonvolu noti, ke klasoj povas esti uzata kiel etikedon por la tablo kaj por specifa ĉelo aŭ vico.

= " 100%" border = "1">

teksto de la unua linio de la unua ĉelo

teksto de la dua linio de la unua ĉelo

teksto de la unua ĉelo de la dua vico

teksto de la dua ĉelo de la dua vico

Se la stilo de la artisto ie eraro, la rezulto ne vidos. Se, aliflanke, en la stilo estas eraroj, sed la nomoj estas la samaj, la efekto ne estos. Ĉiu komo aŭ dupunkto ludas gravan rolon.

Kromaj atributoj en tabloj

Kio atributoj povas esti skribita en la stilo klasoj? Estas multaj atributoj kiuj aplikas specife al la tabloj. Konsideru la plej bazaj el kiuj estas tre utilaj.

vicigi	Horizontala Alignment
valign	vertikala Ĝisrandigo
fono	Fona bildo en la ĉelo / tabelo
bgcolor	La fonkoloro de la ĉelo
bordercolor	Kadro koloro tablo / ĉeloj
alteco	ĉelo alteco
nowrap	Ban wrap teksto en ĉeno.
larĝo	La larĝo de la ĉelo / tabelo

Kiel vi povas vidi, uzi HTML en la tabelo povas esti grandega nombro da "iloj".

Belega kreitaj uzante HTML tabloj. ekzemploj

Pro la stiloj vi povas krei diversajn belajn tablo. Tute dependas de kion kaj kiel vi ŝatas. Estas kiel kuirado. La ingrediencoj estas samaj, kaj pli ebloj estas multaj receptoj.

Kiel vi povas vidi, se vi uzas HTML etikedoj, la tablo povas esti transformita preter rekono. eblaj limoj difinita per via imago.