HTML gebruik in 'n tabel
In HTML is daar soveel elemente, en elkeen is uniek op sy eie manier. Die tafel is 'n baie interessante, gevraagde en ernstige voorwerp. Danksy dit kan jy nie net inligting in 'n gerieflike vorm verskaf nie, maar ook 'n hele raamwerk van die werf bou.
Voorheen het byna alle webmeesters tabelle vir webbladuitleg gebruik. Aanvanklik is tabelle hiervoor nie uitgevind nie. Om 'n webwerf op te merk, moet jy dus die blok div element gebruik.
As jy nie altyd 'n beginner wil wees nie, raak gewoond daaraan om alles dadelik reg te doen. Dit is baie belangrik in HTML. In die tabel moet jy slegs die gewone inligting (teks, skakels, lyste, beelde, ens.) Plaas, en nie die hele werf nie.
Hoe om 'n HTML-tabel te maak?
'N Tafel is 'n komplekse element, wat bestaan uit 'n groot aantal ander elemente. Onthou dat as jy selle of rye skep, moet jy altyd 'n afsluitingsetiket gelyktydig plaas. Anders sal alles wegvlieg. Die hanteerder in die blaaier sal na die einde van die element soek en totdat dit gevind word, sal alles in die tabel ingesluit word. Die resultaat sal pap wees.
As jy 'n webwerf skryf in 'Notepad', dan moet jy net met jou hande doen. As dit in die finale redakteur is, is daar gewoonlik knoppies - 'n tabel inbring, 'n prentjie invoeg, ensovoorts.
Voorbeeld van die tabel 2 tot 2.
die teks van die eerste sel van die eerste reël
die teks van die tweede sel van die eerste reël
die teks van die eerste sel van die tweede lyn
die teks van die tweede sel van die tweede lyn
en -kodes dui aan die begin en einde van die tabel. Die
en -kodes is die begin en einde van die lyn. In een reël kan daar soveel selle wees soos deur die en -tags gedefinieer word.
Die hoofreël: die aantal selle in elke lyn moet dieselfde wees. Dis 'n tafel.
Maar, soos in die Woord- en Excel-redakteur, kan selle met mekaar gekombineer word.
Hoe om selle in 'n tafel saam te voeg?
Om te kombineer, gebruik die eienskappe van Colspan en Rowspan. Span vertaal as "omhels" of "oorvleuel". Die letterlike betekenis is om te dek / dekkingselle / lyne.
In die waarde van hierdie kenmerk moet u spesifiseer hoeveel rye of selle geblokkeer sal word. Die volgende is 'n goeie voorbeeld van die gebruik van beide HTML-eienskappe in 'n tabel.
In hierdie voorbeeld, op die eerste reël, is 3 selle gekombineer met die eienskap colspan = "3". Toe is die eerste sel van die tweede ry in vier lyne gestrek. Onthou dat ons slegs in die eerste sel strek / verenig. Die eiendom sal verder uitgebrei word. Alles wat voorheen gaan, sal nie geraak word nie.
As jy 5 selle het en 2 tot 4 wil saamvoeg, moet jy net die kolspan = "3" kenmerk in selnommer 2 spesifiseer.
Let op die selnommer 9 in die bostaande figuur. Daar het hulle albei selle en lyne gelyktydig gekombineer. Sulke aksies is nie verbode nie.
Kyk na 'n ander voorbeeld om die inligting op te los. Omdat sommige eienskappe verwar en soms stringe in plaas van selle kombineer.
Neem die gewone standaard HTML-geval. Die tafel het twee rye van twee selle elk.
Die resultaat van die kode sal soos volg wees.
Soos u kan sien, is daar geen effekte nie. Jy kan 'n raam voeg, spesifiseer die breedte en hoogte.
Jy kan ook speel met die belyning. Jy kan beide hoogte en breedte ooreenstem.
Belyn vir horisontale belyning en valign vir vertikale belyning. Hier is die resultaat.
Die belyning en valign eienskappe kan op die hele string toegepas word. Dan sal al die selle wat daarin is, onderhewig wees aan hierdie eienskappe.
Benewens die en
tags, is daar 'n bykomende
tag. Trouens, dit is 'n analoog van , maar dit word slegs in die eerste reël gebruik en dien as 'n koptekst. Standaard is die teks in
gesentreer en vet.
Hoe om style aan 'n tafel te koppel?
Soos enige HTML-etikette, kan die tabel deur style omgeskakel word. Jy moet 'n style-lêer spesifiseer in die kop of Gereed styl (ook in die kop aangedui).
Font-familie: Verdana, Arial, Helvetica, sans-serif;
Kleur: # 000000;
Kleur: # 666666;
As jy net 'n tabel gespesifiseer het, sal hierdie styl van toepassing wees op alle tabelle op die bladsy. Absoluut vir almal. Maar as u die tweede metode gebruik, waar u 'n arbitrêre naam met 'n tydperk spesifiseer, kan hierdie styl op enige gewenste tabel toegepas word, sonder om ander te beïnvloed.
Let daarop dat jy klasse vir beide die tafeltabel en vir 'n spesifieke sel of ry kan gebruik.
As daar iewers 'n fout in die stylnaam is, sal jy nie die resultaat sien nie. As daar foute in die styl self is, maar die name val saam, sal daar geen effek wees nie. Elke komma of kolon is belangrik.
Bykomende eienskappe vir tabelle
Watter eienskappe kan in stylklasse geskryf word? Daar is baie eienskappe wat op tabelle van toepassing is. Oorweeg die mees basiese wat jy nodig het.
in lyn te bring
Agtergrond prent in sel / tabel
Agtergrondkleur in sel
Tabel / sel grens kleur
Verban die oordrag van teks in 'n reël.
Breedte sel / tafel
Soos u kan sien, kan u HTML in die tabel gebruik met 'n groot aantal "gereedskap".
Pragtige geskep met behulp van HTML-tabelle. voorbeelde
Danksy die style kan jy verskillende pragtige tafels skep. Dit hang alles af van wat jy wil en hoe. Dit is soos kook. Die bestanddele is dieselfde, maar daar is baie resepte.
Soos u kan sien, as u HTML-etikette gebruik, kan die tabel onherkenbaar verander word. Die beperkinge van moontlikhede word bepaal deur jou verbeelding.