Korištenje HTML tablicu

U HTML-u, postoji toliko mnogo elemenata, a svaki od njih je jedinstven na svoj način. Tablica - vrlo zanimljivo, popularan i ozbiljna tema. Zahvaljujući njoj, ne samo da mogu pružiti podatke u praktičnom obliku, ali i izgraditi okvir stranice.

Prije toga, gotovo svi webmasteri koristiti tablice za layout je mjesta. U početku, u tablici se ne smisliti. Stoga, moramo koristiti element blok div za označavanje stranice.

Ako ne želite da se uvijek ostati novak, naviknuti odmah učiniti sve što je ispravno. To je vrlo važno u jeziku HTML. Tablica treba staviti samo uobičajene informacije (tekst, linkovi, liste, slike, i tako dalje. P.), a ne cijele stranice u cjelini.

Kako napraviti stol HTML?

Tablica - kompleks element koji se sastoji od velikog broja drugih elemenata. Zapamtite da prilikom izrade stanice ili redaka uvijek odmah treba staviti zatvaranja oznake. Inače će letjeti. Rukovatelj u pregledniku moći ćete tražiti kraj elementa, a dok je ne nađe, sve će i dalje uključivati u tablici. Rezultat će biti kaša.

Ako pišete web stranicu u „Notepad”, onda će sve morati raditi s rukama. Ako je u završnoj urednik, tu je obično tipka - „insert stol”, „insert image” i tako dalje.

Primjer 2 Tablica 2.

tekst za prvu liniju prvu ćeliju

tekst u drugom redu prve ćelije

Tekst prvu ćeliju u drugom redu

Tekst drugoj stanici u drugom redu

Oznake i označavaju početak i kraj stola. Oznake i - početak i kraj linije. U istoj liniji može biti bilo koji broj stanica koje su definirane oznake i .

Glavno pravilo je: broj stanica u svakom retku mora biti isti. To je stol.

No, kao u Word i Excel urednika, stanice se mogu međusobno kombinirati.

Kako kombinirati stanice u tablici?

Kombinirati i koristiti Colspan Rowspan atribute. Raspon je prevedena kao „pokrov” ili „preklapanje”. Doslovno značenje - za pokrivanje / zatvaranje stanica / red.

Vrijednost ovog atributa mora odrediti kako će se blokirati mnoge retke ili stanice. Sljedeći je ilustrativan primjer korištenja i HTML atributa u tablici.

U ovom primjeru, prvi red 3 sakupljene stanice rabeći atribut colspan = „3”. Tada je prva ćelija drugog niza rastegnut u četiri reda. Sjeti se da se protežu / kombinirati samo u prvu ćeliju. Njezin nekretnina se širi dalje. Sve što dolazi prije, neće biti pogođeni.

Ako imate 5 stanica koje želite spojiti od 2 do 4, onda vam je potreban samo na staničnoj broj 2 navesti atribut colspan = „3”.

Napomena utora broj 9 na gornjoj slici. Tu izvukli odmah i stanice i redaka. Takve akcije nisu zabranjene.

Pogledajte još jedan primjer kako bi osigurali podatke. Budući da su neki zbunjeni i atribute umjesto redova stanica ponekad u kombinaciji.

tablica format

Uzmi običan, standardna slučaj HTML. Tablica Dva reda dvaju stanica svaki.

koda će biti kao što slijedi.

Kao što možete vidjeti, nema efekata. Možete dodati okvir, odrediti širinu i visinu.

Također možete igrati sa poravnanje. To se može poravnati iu visinu i širinu.

Uskladiti vodoravno poravnati i valign - vertikalna. To je takav rezultat.

Značajke uskladiti i valign može se primijeniti na cijelu liniju. Onda sve stanice koje su u njemu će biti predmet tih atributa.

Uz oznaku i postoji dodatna oznaka . U stvari, to je analogni , ali se koristi samo u prvom redu i ide. Prema zadanim postavkama, tekst u centriran i podebljano.

Kako se spojiti stilove na stol?

Kao i svaki tags HTML, stol se može pretvoriti pomoću stilova. Morate navesti datoteku stil u glavi ili spreman stil (kao što je navedeno u glavu).

...

">

tablica {

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

color: # 000000;

}

.my_class

{

color: # 666666;

}

...

Ako navedete stol, onda ovaj stil će se odnositi na sve tablice na stranici. Apsolutno svi. 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 nastava se može koristiti kao privjesak za stol i za određenu ćeliju ili reda.

= " 100%" border = "1">

Tekst prvoj liniji prvu ćeliju

tekst u drugom redu prve ćelije

Tekst prvu ćeliju u drugom redu

Tekst drugoj stanici u drugom redu

Ako je stil umjetnika negdje greška, rezultat neće vidjeti. Ako je, međutim, u stilu postoje pogreške, ali imena su isti, učinak neće biti. Svaki zarez ili debelog igra važnu ulogu.

Dodatni atributi u tablicama

Što atributa može biti napisan u klasama stilu? Postoje mnoge osobine koje se odnose posebice na stolovima. Razmislite od kojih je većina osnovni su vrlo korisne.

svrstati	Horizontalno poravnanje
valign	Okomito poravnanje
pozadina	Pozadinska slika u staničnoj / tablicu
bgcolor	Boja pozadine ćelije
bordercolor	Okvir tablica boja / stanice
visina	visina stanica
nowrap	Ban wrap tekst u nizu.
širina	Širina stanica / tablicu

Kao što možete vidjeti, koristiti HTML u tablici može biti ogroman broj „alata”.

Lijepa stvorili pomoću HTML tablice. primjeri

Zbog stilova možete stvoriti razne prekrasne stola. To sve ovisi o tome što i kako želite. To je kao kuhanje. Sastojci su isti, i više mogućnosti su mnogi recepti.

Kao što možete vidjeti, ako koristite HTML tagove, stol se može pretvoriti neprepoznatljivosti. moguće granice određuje vaše mašte.