2. Svojstvo background="URL" - postavlja pozadinska slika. Umjesto URL-a, treba napisati adresu slike u pozadini.

Primjer

Primjer tabele

Kolona 1

Kolona 2

Konvertuje se u sledeće na stranici:

U gornjem primjeru, naša pozadinska slika nalazi se u folderu img (koji se nalazi u istom direktoriju kao i html stranica), a slika se zove fon.gif. Imajte na umu da smo u tag dodali style="color:white;" . Pošto je pozadina skoro crna, da bismo sprečili da se tekst stapa sa pozadinom, napravili smo tekst belim.

3. Svojstvo bgcolor="color" - postavlja boju pozadine tabele. Možete odabrati bilo koju boju iz cijele palete (pogledajte kodove i nazive html boja)

4. Svojstvo border="number" - postavlja debljinu ivice tabele. U prethodnim primjerima smo specificirali border="1" , što znači da je debljina ivice 1 piksel.

5. Svojstvo bordercolor="color" - postavlja boju ivice. Ako border="0" tada neće biti ivice i boja ivice neće imati značenje.

6. Svojstvo cellpadding="number" - uvlačenje od okvira do sadržaja ćelije u pikselima.

7. Svojstvo cellspacing="number" - udaljenost između ćelija u pikselima.

8. Svojstvo cols="number" - broj kolona. Ako ga ne postavite, pretraživač će sam odrediti broj kolona. Jedina razlika je u tome što će specificiranje ovog parametra najvjerovatnije ubrzati učitavanje tabele.

9. Svojstvo frame="parameter" - kako prikazati ivice oko stola. Može uzeti sljedeće vrijednosti:

• void - ne crtajte granice
• granica - granica oko stola
• iznad - ivica duž gornje ivice tabele
• ispod - ivica na dnu tabele
• hsides - dodajte samo horizontalne ivice (vrh i dno tablice)
• vsides - nacrtajte samo okomite granice (lijevo i desno od tabele)
• rhs - granica samo na desna strana stolovi
• lhs - ivica samo na lijevoj strani tabele

10. Svojstvo height="number" - postavlja visinu tabele: u pikselima ili u procentima.

11. Pravila svojstva="parametar" - gdje prikazati granice između ćelija. Može uzeti sljedeće vrijednosti:

• sve - crta se crta oko svake ćelije tabele
• grupe - prikazuje se linija između grupa formiranih oznakama

Atributi i svojstva

1. Svojstvo align="parametar" - postavlja poravnanje pojedinačne ćelije tabele. Može uzeti sljedeće vrijednosti:

• lijevo - lijevo poravnanje
• centar - centralno poravnanje
• desno - desno poravnanje

2. Svojstvo background="URL" - postavlja pozadinsku sliku ćelije. Umjesto URL-a, treba napisati adresu slike u pozadini.

3. Svojstvo bgcolor="color" - postavlja boju pozadine ćelije.

4. Svojstvo bordercolor="color" - postavlja boju ivice ćelije.

5. Svojstvo char="letter" - specificira slovo od kojeg treba izvršiti poravnanje. Vrijednost atributa align mora biti postavljena na char.

6. Svojstvo colspan="number" - postavlja broj horizontalnih ćelija koje se spajaju.

7. Svojstvo height="number" - postavlja visinu tabele: u pikselima ili u procentima.

8. Svojstvo width="number" - postavlja širinu tabele: u pikselima ili u procentima.

9. Svojstvo rowspan="number" - postavlja broj vertikalnih ćelija koje se spajaju.

10. Svojstvo valign="parameter" - vertikalno poravnanje sadržaja ćelije.

• vrh - poravnajte sadržaj ćelije s gornjom ivicom reda
• srednje - srednje poravnanje
• dno - poravnanje sa donjom ivicom
• osnovna linija - poravnanje sa baznom linijom

Za oznaku

Kako spriječiti da se granice ćelija u tabeli zalijepe zajedno

Ako koristite obrub (obrub ćelije) i nulti pad između ćelija, one su i dalje zaglavljene zajedno i dobijate dvostruki obrub. Da biste to izbjegli, morate specificirati border-collapse: collapse u stilovima tablice:

...

Dragi čitaoče, sada ste naučili mnogo više o tome html tag sto. Sada vam savjetujem da pređete na sljedeću lekciju.

Zahvaljujući raznovrsnosti stolova, veliki broj parametara koji kontrolišu njihov izgled, tabele su odavno postale definitivan standard za izgled web stranica. Sto sa nevidljiva granica predstavlja kao da modularna mreža, u čije je blokove pogodno postaviti elemente web stranice. Međutim, to nije u potpunosti pravi pristup, jer svi HTML objekat definisano za svoje potrebe i ako se ne koristi za svoju namenu, i svuda, to znači da nema alternative. Tako je bilo dugo vremena sve dok slojevi nisu zamijenili tabele u izgledu web stranice. To ne znači da se slojevi sada koriste stalno, ali trend se već jasno pojavio - tabele se koriste za postavljanje tabelarnih podataka, a slojevi se koriste za raspored i dizajn.

Kreiranje tabele

Tabela se sastoji od redova i kolona ćelija koje mogu sadržavati tekst i slike. Tabele se obično koriste za organiziranje i predstavljanje podataka, ali tabele nisu ograničene na to. Koristeći tabele, zgodno je rasporediti raspored stranica na pravi način fragmenti teksta i slike.

Da biste dodali tabelu na web stranicu, koristite oznaku

. Ovaj element služi kao kontejner za elemente koji definiraju sadržaj tabele. Svaka tabela se sastoji od redova i ćelija, koje se određuju pomoću oznaka I

omogućava vam da kreirate zaglavlja tabele. Podrazumevano, naslovi su centrirani i postavljeni ili iznad (<САРТION АLIGN=top>), ili ispod stola (<САРТION ALIGN=bottom>). Naslov se može sastojati od bilo kog teksta i slika. Tekst će biti podijeljen u redove koji odgovaraju širini tabele. Ponekad tag<САРТION>koristi se za potpisivanje slike. Da biste to učinili, dovoljno je opisati tabelu bez granica.

Zaglavlje iznad tabele

Tekst ili podaci

Tekst ili podaci

Tekst ili podaci

Tekst ili podaci

Idemo ispod stola

Tekst ili podaci

Tekst ili podaci

Tekst ili podaci

NOWRAP atribut

Tipično, ide svaki tekst koji ne stane u jedan red ćelije tabele sljedeći red. Međutim, kada koristite atribut NOWRAP s oznakama<ТН>ili<ТD>Dužina ćelije se proširuje tako da tekst u njoj stane u jedan red.

COLSPAN atribut

Oznake<ТD>I<ТН>modificirano korištenjem atributa COLSPAN (Raspon kolone, veza stupca). Ako želite da učinite ćeliju širu od vrha ili dna, možete koristiti atribut COLSPAN da je protegnete na bilo koji broj običnih ćelija.

Ako želite bilo koju ćeliju učiniti širom od gornje ili donje,	možete koristiti atribut COLSPAN=2,
da ga rastegnemo na bilo koji broj pravilnih ćelija.

ROWSPAN atribut

ROWSPAN atribut koji se koristi u oznakama<ТD>I<ТН>, sličan je atributu COLSPAN=, samo što određuje broj linija preko kojih se ćelija proteže. Ako ste naveli broj veći od jedan u atributu ROWSPAN=s, tada odgovarajući broj redova mora biti ispod rastegnute ćelije. Ne može se staviti na dno tabele.

WIDTH atribut

Atribut WIDTH se koristi u dva slučaja. Možete ga staviti u oznaku<ТАВLЕ>za davanje širine cijele tabele ili se može koristiti u oznakama<ТD>ili<ТН>za postavljanje širine ćelije ili grupe ćelija. Širina se može odrediti u pikselima ili u postocima. Na primjer, ako postavite u oznaku<ТАВLЕ>WIDTH=250, dobićete tabelu širine 250 piksela bez obzira na veličinu stranice na vašem monitoru. Prilikom postavljanja WIDTN=50% u oznaci<ТАВLЕ>tabela će zauzimati polovinu širine stranice pri bilo kojoj veličini slike na ekranu. Dakle, kada specificirate širinu tabele kao procenat, imajte na umu da ako korisnik ima uski okvir za prikaz, vaša stranica može izgledati malo čudno. Ako koristite piksele i tabela je šira od područja za gledanje, na dnu će se pojaviti traka za pomicanje za pomicanje lijevo i desno preko stranice. Ovisno o zadacima, bilo koji način postavljanja širine tablice može biti koristan.

Tekst ili podaci - širina 100%

ili

Tekst ili podaci - širina 50%

ili

Tekst ili podaci - širina 200 piksela

ili

Tekst ili podaci - širine 100 piksela

Primjena praznih ćelija

Ako ćelija ne sadrži podatke, neće imati granice. Ako želite da ćelija ima ivice, ali bez sadržaja, morate u nju staviti nešto što neće biti vidljivo kada se gleda. Možete koristiti prazan niz<ВR>. Možete čak definirati prazne stupce navođenjem njihove širine u pikselima ili relativne jedinice i bez unosa ikakvih podataka u rezultirajuće ćelije. Ovaj alat može biti koristan pri postavljanju teksta i grafike na stranicu.

CELLADDING atribut

Ovaj atribut određuje širinu praznog prostora između sadržaja ćelije i njenih granica, odnosno postavlja margine unutar ćelije.

Tekst ili podaci	Tekst ili podaci	Tekst ili podaci
Tekst ili podaci	Tekst ili podaci	Tekst ili podaci

Tekst ili podaci	Tekst ili podaci	Tekst ili podaci
Tekst ili podaci	Tekst ili podaci	Tekst ili podaci

ALIGN i VALIGN atributi

Oznake<ТR>, <ТD>I<ТН>može se modificirati sa ALIGN atributi i VALIGN. Atribut ALIGN određuje da li su tekst i grafika poravnati horizontalno, odnosno lijevo ili desno, ili centrirani. Horizontalno poravnanje može se specificirati na nekoliko načina:

ALIGN=bleedleft pritisne sadržaj ćelije blizu lijeve ivice.

ALIGN=lijevo Poravnava sadržaj ćelije ulijevo, uzimajući u obzir uvlačenje navedeno atributom CELLPADDING.

ALIGN=centar Centrira sadržaj ćelije.

ALIGN=desno Poravnava sadržaj ćelije udesno, uzimajući u obzir uvlačenje navedeno atributom CELLPADDING.

Tekst ili podaci	Tekst ili podaci	Tekst ili podaci
Tekst ili podaci	Tekst ili podaci	Tekst ili podaci
Tekst ili podaci	Tekst ili podaci	Tekst ili podaci
Tekst ili podaci	Tekst ili podaci	Tekst ili podaci
Tekst ili podaci	Tekst ili podaci	Tekst ili podaci

Atribut VALIGN vertikalno poravnava tekst i grafiku unutar ćelije. Vertikalno poravnanje može se specificirati na nekoliko načina:

VALIGN=vrh Poravnava sadržaj ćelije s gornjom ivicom.

VALIGN=srednja Centrira sadržaj ćelije okomito.

VALIGN=dno Poravnava sadržaj ćelije s donjom ivicom.

Atribut VALIGN vertikalno poravnava tekst i grafiku unutar ćelije.	vrh,	sredina,	dnu.
VALIGN=top Poravnava sadržaj ćelije sa gornjom ivicom.	vrh,	vrh,	top.
VALIGN=middle Centrira sadržaj ćelije okomito.	sredina,	sredina,	srednji.
VALIGN=dno Poravnava sadržaj ćelije sa donjom ivicom.	dno,	dno,	dnu.

BORDER atribut

U oznaci<ТАВLЕ>često određuju kako će izgledati granice, odnosno linije koje okružuju ćelije tabele i samu tabelu. Ako ne navedete okvir, dobićete tabelu bez linija, ali će za njih biti dodijeljen prostor. Isti rezultat se može postići postavljanjem<ТАВLЕ ВОRDER=0>. Ponekad želite da obrub učinite debljim tako da se bolje ističe. Da biste privukli pažnju na sliku ili tekst, možete postaviti isključivo podebljane granice. Prilikom kreiranja ugniježđenih tabela morate učiniti za različiti stolovi granice različite debljine kako bi se lakše razlikovale.

CELLSPACING atribut

Atribut CELLSPACING specificira širinu razmaka između ćelija u pikselima. Ako ovaj atribut nije naveden, zadana vrijednost je dva piksela. Koristeći CELLSPACING= atribut, možete postaviti tekst i grafiku gdje god su vam potrebni. Ako želiš da odeš prazno mesto, možete unijeti razmak u ćeliju.

Tekst ili podaci	Tekst ili podaci	Tekst ili podaci
Tekst ili podaci	Tekst ili podaci	Tekst ili podaci

Tekst ili podaci	Tekst ili podaci	Tekst ili podaci
Tekst ili podaci	Tekst ili podaci	Tekst ili podaci

Tekst ili podaci	Tekst ili podaci	Tekst ili podaci
Tekst ili podaci		Tekst ili podaci

BGCOLOR atribut

Ovaj atribut vam omogućava da postavite boju pozadine. Ovisno o tome s kojom se oznakom (TABLE, TR, TD) koristi, boja pozadine može se postaviti za cijelu tablicu, za red ili za pojedinačnu ćeliju. Značenje ovog atributa je RGB kod ili naziv standardne boje.

Tekst ili podaci	Tekst ili podaci	Tekst ili podaci
Tekst ili podaci	Tekst ili podaci	Tekst ili podaci

Atribut BACKGROUND

Ovaj atribut specificira pozadinsku sliku za tabele. Primjenjuje se na TABLE i TD oznake. Njegova vrijednost je URL datoteke sa pozadinska slika. Upotreba ovog atributa je razmotrena u nastavku.

Upotreba tabela u dizajnu stranica

Dobra stvar kod stolova je to što njihove granice možete učiniti nevidljivim ako želite. Ovo omogućava korištenje oznake<ТАВLЕ>lijepo postavite tekst i grafiku na stranicu. Bye tag<ТАВLЕ>ostaje jedini moćni alat za formatiranje u HTML-u. Dizajneri web stranica sada imaju gotovo istu slobodu korištenja bijelog prostora kao kreatori web stranica. štampane stranice. Tabele su najbolji način da se odmaknete od hijerarhijskog postavljanja teksta na web stranicama.

Ako pretraživač podržava tabele, obično će ispravno prikazati većinu zanimljivi efekti dobijene uz njihovu pomoć

Uralski državni pedagoški univerzitet Dobrodošli! Obuka"Osnove WEB masteringa"

Kreiranje šarenih stolova

Neki pretraživači vam omogućavaju da prikažete boje. Postoji nekoliko načina za bojenje tabele, uglavnom u zavisnosti od pretraživača koji koristite.

Obrube u boji u Netscape Navigatoru. Ne samo da možete okružiti sto prelep okvir, ali i za njega postaviti boju koja se razlikuje od boja teksta i pozadine. Napravite jednostavan sivi GIF (ili bilo koji GIF koji želite da imate kao pozadinu) i definirajte ga u oznaci<ВODY>kao pozadinu stranice. Zatim postavite boju pozadine stranice. Kao rezultat, vaša oznaka<ВОDY>izgledat će otprilike ovako:

Napravili ste dvostruku pozadinu - GIF i specificirana boja. Kao rezultat toga, boja pozadine će biti vidljiva na svim granicama tablice i horizontalne linije (<НR>). Bez obzira na to je li vaš GIF pozadinski siv ili ne, obojene linije i ivice tablice će se primjetno istaknuti. Ako pozadinski GIF nije previše složen, vrijeme učitavanja stranice će se samo neznatno povećati.

Najbolji članci na ovu temu

Značenje binarnog koda - zašto računari rade sa jedinicama i nulama

Najmoćniji pametni telefon na svijetu!

Trenutno najmoćniji telefon na svijetu

Kategorije:

• Programi
• Sigurnost
• Windows 10
• Iron
• Windows 8
• U kontaktu sa
• Greške

© 2023 bumotors.ru. Kako podesiti pametne telefone i računare. Informativni portal.

. Tabela mora sadržavati najmanje jednu ćeliju (primjer 12.1). Dozvoljeno umjesto oznake	koristiti oznaku	. Tekst u ćeliji stiliziran oznakom	, pretraživač prikazuje podebljanim fontom i poravnato je sa središtem ćelije. Inače, razlike između ćelija stvaraju se putem oznaka	I	br. Primjer 12.1. Kreiranje tabele Ćelija 1 Ćelija 2 Ćelija 3 Ćelija 4 Redoslijed ćelija i njihov izgled prikazan je na Sl. 12.1. Ovo predavanje detaljno razmatra principe korišćenja tabela u HTML markupu. Ovo uključuje tabelarnu organizaciju teksta, tabelarni koordinatni sistem i grafike organizovane u tabelama. Alati za opisivanje tabela u HTML-u As WWW razvoj postalo je jasno da sredstva uključena u HTML nisu dovoljna za kvalitetan prikaz razne vrste dokumenata. Nedostatak HTML-a bio je nedostatak alata za prikazivanje tabela. U tu svrhu, unaprijed formatirani tekst (tag ), u kojem je tabela prikazana ASCII znakovima. Ali ovaj oblik stone prezentacije nije bio dovoljan Visoka kvaliteta i izdvajao se iz opšteg stila dokumenta. Nakon uvođenja tabela u HTML, webmasteri sada nisu imali samo alat za postavljanje tekstualnih i numeričkih podataka, već moćan alat za dizajn za postavljanje u na pravom mjestu ekran grafičkih slika i teksta. Kreiranje tabela u HTML-u Oznaka se koristi za opisivanje tabela<ТАВLЕ>. Tag<ТАВLЕ>, kao i mnogi drugi, automatski prevodi red prije i poslije tabele. Kreiranje reda tabele - oznake<ТR> Tag<ТR>(Red tabele) kreira red tabele. Sav tekst, druge oznake i atributi koji se trebaju postaviti u jedan red moraju biti smješteni između lt;TR> oznaka. Definiranje ćelija tabele - oznaka<ТD> Ćelije sa podacima se obično postavljaju unutar reda tabele. Svaka ćelija koja sadrži tekst ili sliku mora biti okružena oznakama<ТD>. Broj oznaka<ТD>u redu definira broj ćelija Table Ako tabela ima dvije TR oznake, onda ima dva reda. Ako postoje tri TD oznake u redu, onda u njemu tri kolone. Naslovi kolona tabele - oznaka<ТН> Naslovi za kolone i redove tabele se postavljaju pomoću oznake zaglavlja<ТН>(Zaglavlje tabele, naslov tabele). Ove oznake su slične<ТD>. Razlika je u tome što je tekst zatvoren između oznaka<ТН>, automatski se ispisuje podebljanim slovima i podrazumevano se postavlja u sredinu ćelije. Možete odcentrirati tekst i poravnati tekst lijevo ili desno. Ako koristite<ТD>sa oznakom<В>i atribut<АLIGN=center>, tekst će također izgledati kao naslov. Međutim, imajte na umu da svi pretraživači ne podržavaju tabele bold font, pa je bolje postaviti zaglavlja tablice koristeći<ТН>. Zaglavlje je po defaultu centrirano Zaglavlje može spojiti kolone Zaglavlje se može postaviti prije kolona Tekst ili podaci Tekst ili podaci Zaglavlje može spojiti linije Tekst ili podaci Tekst ili podaci Tekst ili podaci Tekst ili podaci Tekst ili podaci Tekst ili podaci Korištenje zaglavlja tablice - oznaka<САРТIОN> Tag