Uporaba HTML v tabeli

V HTML-u je toliko elementov, in vsak od njih je edinstven na svoj način. Tabela je zelo zanimiv, zahtevan in resen objekt. Zahvaljujoč temu ne morete samo zagotoviti informacij v primerni obliki, temveč tudi zgraditi celoten okvir spletnega mesta.

Prej so skoraj vsi spletni skrbniki uporabili tabele za postavitev spletnega mesta. Sprva tabele za to niso bile izmišljene. Zato morate za označevanje spletnega mesta uporabiti element elementa blokov.

Če ne želite, da bi bili vedno novice, se navadite, da takoj delate vse takoj. To je zelo pomembno v HTML-ju. V tabeli morate postaviti le običajne informacije (besedilo, povezave, sezname, slike itd.) In ne celotno spletno mesto.

Kako narediti HTML tabelo?

Tabela je zapleten element, ki ga sestavlja veliko drugih elementov. Ne pozabite, da morate pri ustvarjanju celic ali vrstic vedno označiti zaprto oznako hkrati. V nasprotnem primeru bo vse odletelo. Vodnik v brskalniku bo iskal konec elementa in dokler ne najde, bo v tabelo vključeno vse ostalo. Rezultat bo kaša.

Če napišete spletno stran v »Beležnica«, potem morate imeti opraviti samo z rokami. Če ste v končnem urejevalniku, potem so običajno gumbi - »vstavi tabelo«, »vstavi sliko« in tako naprej.

Primer tabele 2 do 2.

besedilo prve celice prve vrstice

besedilo druge celice prve vrstice

besedilo prve celice druge vrstice

besedilo druge celice druge vrstice

Oznake

Glavno pravilo: število celic v vsaki vrstici mora biti enako. To je tabela.

Toda, kot v urejevalniku Word in Excel, lahko celice medsebojno kombiniramo.

Kako združiti celice v mizo?

Za združevanje uporabite atribute Colspan in Rowspan. Span se prevaja kot "objem" ali "prekrivanje". Dobesedni pomen je zajeti / pokrivati ​​celice / linije.

V vrednosti tega atributa morate določiti, koliko vrstic ali celic bo blokirano. Naslednji je ilustrativni primer uporabe obeh Atribute HTML v tabeli.

V tem primeru smo v prvi vrstici združili 3 celice z uporabo atributa colspan = "3". Nato je bila prva celica druge črte raztegnjena v štiri črte. Ne pozabite, da se raztegnemo / združimo samo v prvi celici. Njegova lastnina se bo še naprej razširila. Vse, kar gre prej, ne bo vplivalo.

Če imate 5 celic in želite združiti od 2 do 4, morate v celici številka 2 navesti atribut colspan = "3".

Upoštevajte številko 9 celice na zgornji sliki. Tam so takoj združili celice in linije. Takšni ukrepi niso prepovedani.

Poglej drug primer, da popravite informacije. Ker nekateri zmedejo atribute in včasih združujejo nize namesto celic.

Oblikovanje tabel

Vzemite običajen, standardni primer HTML. Tabela ima dve vrstici po dve celici.

Rezultat kode bo naslednji.

Kot vidite, ni nobenih učinkov. Dodate lahko okvir, določite širino in višino.

Prav tako lahko igrate s poravnavo. Poravnate lahko tako višino kot širino.

Poravnajte se za vodoravno poravnavo in poravnajte za navpično poravnavo. Tukaj je rezultat.

Atribut poravnave in valign lahko uporabite za celoten niz. Nato bodo vse celice, ki so v njej, pokrivale te lastnosti.

Poleg oznak in , obstaja dodatna oznaka . Dejansko je to analogno, vendar se uporablja samo v prvi vrstici in služi kot glava. Privzeto je besedilo v Centrirano in drzno.

Kako povezati sloge z mizo?

Kakor koli HTML oznake, tabelo lahko pretvorite po slogih. V glavnem območju morate določiti slogovno datoteko ali pripravljen slog (tudi označen v glavi).

...

tabela {

font-family: Verdana, Arial, Helvetica, sans-serif-

barva: # 000000-

}

.my_class

{

barva: # 666666-

}

...

Če ste določili samo tabelo, se bo ta slog uporabil za vse tabele na strani. Absolutno vsem. Ampak, če uporabljate drugo metodo, če določite poljubno ime s časom, se lahko ta slog uporablja za poljubno želeno tabelo, ne da bi to vplivalo na druge.

Upoštevajte, da se razredi lahko uporabljajo za oznako namizja in za določeno celico ali niz.

besedilo prve celice prve vrstice

besedilo druge celice prve vrstice

besedilo prve celice druge vrstice

besedilo druge celice druge vrstice

Če pride do napake v imenu sloga, rezultat ne bo prikazan. Če v slogu obstajajo napake, vendar imena sovpadajo, ne bo nobenega učinka. Vsaka vejica ali dvopičje je pomembna.

Dodatni atributi za tabel

Katere atribute lahko zapišemo v slogovnih razredih? Obstaja toliko atributov, ki veljajo za tabel. Razmislite o najosnovnejših, ki jih potrebujete.

Kot lahko vidite, lahko v tabeli uporabite HTML z ogromnim številom "orodij".

Lepo ustvarjeno z uporabo HTML tabel. Primeri

Zahvaljujoč slogom lahko ustvarite različne lepe mize. Vse je odvisno od tega, kaj želite in kako. To je kot kuhanje. Sestavine so enake, vendar je veliko receptov.

Kot lahko vidite, če uporabljate oznake HTML, se lahko tabela prevede brez priznanja. Omejitve možnosti določi vaša domišljija.