Upotreba HTML-a u tablici

U HTML-u postoji toliko mnogo elemenata, a svaki od njih jedinstven je na svoj način. Stol je vrlo zanimljiv, tražen i ozbiljan objekt. Zahvaljujući njemu ne samo da možete pružati informacije u prikladnom obliku, već i izgraditi cijeli okvir web mjesta.

Prije toga, gotovo svi webmasteri upotrebljavali su tablice za izgled web-lokacije. U početku, tablice za ovo nisu bili izmišljeni. Stoga, za označavanje web-lokacije morate upotrijebiti element blok blokiranja.

Ako ne želite uvijek biti početnik, naviknite se na sve odmah. Ovo je vrlo važno u HTML-u. U tablici trebate postaviti samo uobičajene informacije (tekst, veze, popise, slike itd.), A ne čitav položaj.

Kako napraviti HTML tablicu?

Tablica je složen element koji se sastoji od velikog broja drugih elemenata. Imajte na umu da prilikom izrade ćelija ili redaka uvijek trebate staviti oznaku za zatvaranje odjednom. Inače, sve će letjeti. Rukovatelj u pregledniku će tražiti kraj elementa i sve dok se ne pronalazi, sve će ostalo biti uključeno u tablicu. Rezultat će biti kaša.

Ako napišete web stranicu u "Notepad", onda sve što morate učiniti sa svojim rukama. Ako ste u gotovom uredniku, obično su gumbi - "umetnite tablicu", "umetnite sliku" i tako dalje.

Primjer tablice 2 do 2.

tekst prve ćelije prvog reda

tekst druge ćelije prvog reda

tekst prve ćelije druge linije

tekst druge ćelije druge linije

oznake

Glavno pravilo: broj ćelija u svakoj liniji bi trebao biti isti. Ovo je tablica.

Ali, kao u programu Word i Excel, stanice se mogu međusobno kombinirati.

Kako spojiti ćelije u tablici?

Kombinirajte pomoću atributa Colspan i Rowspan. Span se naziva "zagrljaj" ili "preklapanje". Doslovno značenje je pokrivanje / pokrivanje stanica / linija.

U vrijednosti ovog atributa morate odrediti koliko će redaka ili ćelija blokirati. Slijedi ilustrativni primjer korištenja oboje HTML atributi u tablici.

U ovom primjeru, na prvom retku, 3 ćelije su kombinirane upotrebom atributa colspan = "3". Tada je prva ćelija drugog reda bila istegnuta u četiri retka. Sjeti se da se protežemo / ujedinimo samo u prvoj ćeliji. Njezina će imovina biti produljena. Sve što prije neće utjecati.

Ako imate 5 ćelije i želite spojiti od 2 do 4, onda samo trebate odrediti atribut colspan = "3" u ćeliji broj 2.

Napominjemo ćelijski broj 9 na gornjoj slici. Ondje su odmah spojili stanice i linije. Takve akcije nisu zabranjene.

Pogledajte drugi primjer kako biste popravili informacije. Budući da neki zbunjuju atribute i ponekad kombiniraju žice umjesto stanica.

Izrada tablica

Uzmi uobičajeni, standardni HTML slučaj. Tablica ima dva reda od dvije ćelije svaka.

Rezultat koda bit će kako slijedi.

Kao što vidite, nema učinaka. Možete dodati okvir, odrediti širinu i visinu.

Također možete igrati s poravnavanjem. Možete poravnati visinu i širinu.

Poravnajte se za horizontalno poravnanje i prilagodite za okomito poravnanje. Ovo je rezultat.

Atributi usklađivanja i valigacije mogu se primijeniti na cijeli niz. Zatim će sve stanice koje su u njemu poslušne te atribute.

Osim oznaka i , tu je i dodatna oznaka . Zapravo, ovo je analogni, ali se koristi samo u prvom retku i služi kao zaglavlje. Prema zadanim postavkama tekst u Središnje i podebljano.

Kako povezati stilove s tablicom?

Kao i svi HTML oznake, stol se može pretvoriti po stilovima. Morate navesti datoteku stila u glavnoj regiji ili gotovi stil (također označen u glavi).

...

tablica {

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

boja: # 000000-

}

.my_class

{

boja: # 666666-

}

...

Ako ste naveli samo tablicu, taj se stil primjenjuje na sve tablice na stranici. Apsolutno svima. No, ako koristite drugi način, što ukazuje na proizvoljni naziv s točkom, onda ovaj stil može se primijeniti na bilo koju željenu tablicu, a ne utječe na druge.

Imajte na umu da se klase mogu koristiti za tablicu oznake i za određenu ćeliju ili niz.

tekst prve ćelije prvog reda

tekst druge ćelije prvog reda

tekst prve ćelije druge linije

tekst druge ćelije druge linije

Ako postoji pogreška u nazivu stila, nećete vidjeti rezultat. Ako postoje pogreške u samom stilu, ali imena se podudaraju, neće biti nikakvog učinka. Svaka zarez ili debelo crijevo je važan.

Dodatni atributi za tablice

Koji atributi mogu biti napisani u stilskim razredima? Postoji toliko mnogo atributa koji se primjenjuju na tablice. Razmotrite najosnovnije što vam je potrebno.

Kao što možete vidjeti, možete upotrijebiti HTML u tablici s velikim brojem "alata".

Prekrasno izrađeno pomoću HTML tablica. primjeri

Zahvaljujući stilovima, možete stvoriti različite prekrasne tablice. Sve ovisi o tome što vam se sviđa i kako. To je kao kuhanje. Sastojci su isti, ali postoji mnogo recepata.

Kao što možete vidjeti, ako koristite HTML oznake, tablica se može pretvoriti bez prepoznavanja. Granice mogućnosti određene su vašom maštom.