Upotreba HTML-a u tablici

računala

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

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 ostati novak,se naviknuti na sve što je u redu 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ženi element koji se sastoji odveliki broj 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.

<table width = "100%" border = "1">

<Tr>

<td> tekst prve ćelije prvog retka </ td>

<td> tekst druge ćelije prvog retka </ td>

</ tr>

<Tr>

<td> tekst prve ćelije druge linije </ td>

<td> tekst druge ćelije druge linije </ td>

</ tr>

</ table>

Oznake <table> i </ table> označavaju početak i kraj tablice. Oznake <tr> i </ tr> su početak i kraj retka. U jednoj liniji mogu postojati što je moguće više stanica koje definiraju oznake <td> i </ td>.

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

html u tablici

No, kao u Word i Excel urednika, 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.

Kako spojiti ćelije u tablici

U vrijednosti ovog atributa morate navesti koliko će redaka ili ćelija biti blokirane. Sljedeći je dobar primjer korištenja oba HTML atributa u tablici.

oznake HTML tablice

U ovom primjeru, u prvom retku, 3ćelije pomoću 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.

Kombinirajući html stringove

Izrada tablica

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

oznake HTML tablice

Rezultat koda bit će kako slijedi.

stol u htmlu

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

HTML atributi tablice

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

poravnanje tablice

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

primjer stvaranja tablica u htmlu

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

Uz i oznake, postoji i dodatna oznaka. U stvari, ovo je analogija , ali se koristi samo u prvom retku i služi kao zaglavlje. Prema zadanim postavkama tekst u je centriran i podebljan.

Kako povezati stilove s tablicom?

Kao i sve HTML oznake, tablica možetransformiraju se kroz stilove. Morate navesti stilski list u glavu ili završni stil (također u glavu) u glavnom .

<Head>

...