Novi webmasteri se moraju bavitipuno problema. Čini se da danas već možete koristiti predloške za izradu web lokacija, ali problem je u tome što oni nemaju uvijek potrebna svojstva i tada morate ili kreirati dizajn web mjesta od nule, ili napraviti promjene postojećeg koda. Ovdje trebate znanje o HTML kodu i minimalnu ideju kako postaviti pozadinu i boju stranice, umetnuti sliku ili video, napraviti tablicu u HTML-u.
Jedna od najtežih stvari oko markiranjaHTML stranice su tablice. A problem nije u složenosti oznaka, kojih se, zapravo, nije toliko teško sjetiti, već u činjenici da pri pisanju koda lako možete pogriješiti - zaboravite napisati dodatni redak ili ćeliju, unesite tekst na pogrešno mjesto i ostale sitnice ... Štoviše, što je stol veći, to je veća mogućnost da napravite grešku.
Stoga, kada započinjete kreirati tablicu u HTML-u, preporučujemo da se koncentrirate što je više moguće i ne smetate.
Prije svega, na list papira trebali biste nacrtati buduću tablicu, bilježeći što i u kojoj ćeliji ćete imati, a također ćete primijetiti za sebe glavne parametre ovog ili onog elementa.
Dalje, trebali biste prebrojati broj redaka utablice, kao i broj ćelija u svakom retku. Također preporučujemo označavanje takvih predmeta kao što su prisutnost slika u tablici, boja pozadine, obrubi, tekst. Tek tada možete započeti s izradom tablice u HTML-u pomoću zapisanih podataka.
Dakle, stvorili ste izgled tablice.Sada morate odabrati prikladan editor za njegovo stvaranje. Možete odabrati posebne graditelje web stranica i u njima napraviti tablicu. Korištenjem ovog softvera stvaranje tablice nije ništa teže od stvaranja Word dokumenta. Možete odabrati program kao što je FrontPage. Unatoč činjenici da je program prilično star, uz njegovu pomoć možete stvoriti dobre web stranice, štoviše, na njemu možete pronaći više od jednog vodiča.
Ako želite stvoriti tablicu u HTML-u pomoćuposebni kod, u te svrhe možete koristiti običnu bilježnicu ili redoviti Wordov dokument. Istina, ovdje ćete morati naporno raditi, jer će trebati puno vremena za pisanje koda.
Možete koristiti ugrađeni uređivačsam motor stranice. Dakle, prilikom stvaranja zapisa, mnogi motori pružaju mogućnost dodavanja različitih elemenata, uključujući tablice. Čak i ako niste zadovoljni osnovnim značajkama uređivača, izmjene koda bit će jednostavnije od pisanja ispočetka.
Bez obzira koji ste urednikće koristiti, prije nego što započnete stvarati tablicu u html-u, trebali biste se sjetiti glavnih oznaka. Tri su ih - <table>, <tr> i <td>. Imajte na umu da su sve oznake uparene. Prva oznaka označava tablicu u cjelini, druga određuje redak, treća - ćeliju unutar retka.
Malo više detalja o svakoj od oznaka.Tablica uvijek započinje oznakom <table> i završava s </table>. Za bilo koji preglednik ovo je konvencija da je tablica ispred nje. Dalje se upisuju redovi koji se otvaraju s <tr> i završavaju oznaku </tr>. Svaki redak sadrži broj ćelija koje koriste oznake <td> i </td>.
Tako će kôd tablice 2x2 izgledati ovako:
<tablica>
<tr> <td>
</td> <td> </td> </tr>
<tr> <td> </td> <td> </td> </tr>
</table>
Tablicu možete umetnuti u HTML kôd stranice kopiranjem iz odabranog uređivača.
Dakle, analizirali smo osnovni kod.Sada razgovarajmo o tome kako poboljšati stol, učiniti ga svjetlijim i atraktivnijim. Da biste to učinili, morate znati osnovne parametre oznaka. Napisani su unutar uvodne oznake, sa znakom jednakosti nakon svakog parametra, a zatim je njegova vrijednost zapisana pod navodnicima. Na primjer, pozadina u HTML tablici postavljena je ovako: <table bgcolor = "#FFFFFF">.
Evo nekoliko osnovnih parametara koji će vam biti najkorisniji. Krenimo od same tablice.
Dakle, postavljanje širine obruba pomoći će parametru obruba koji može imati bilo koju numeričku vrijednost. Boja obruba postavlja se bojama boje. Opću pozadinu daje bgcolor.
Ako pozadinu tablice želite učiniti slikom, upotrijebite pozadinu i registrirajte URL slike.
Poravnavanje sadržaja stranice oko tablice pomoći će parametru align, koji može uzimati vrijednosti lijevo, središte i desno.
Oznaka para <caption>, koja je napisana neposredno nakon uvodne oznake <table>, pomoći će u postavljanju naslova.
Malo o parametrima niza.Boja stanica u nizu postavlja se pomoću bgcolor. Poravnanje teksta vodoravno može se izvršiti pomoću parametra poravnanja (lijevo, središte ili desno), okomito - poravnanje (uzima vrijednosti gornje, srednje ili donje).
Što se tiče ćelije, možete primijetiti da su boja pozadine i slika pozadine postavljene za nju koristeći iste parametre kao i za cijelu tablicu. Tekst možete poravnati pomoću parametara poravnanja i poravnanja.
Postoje i posebni parametri - raspon kolsa i raspon redova.Pomoću prvog možete postaviti broj stupaca koji će se ćelija protezati. Drugi je broj redaka koje određena stanica može obuhvaćati.
Sve su to najkorisniji parametri.
Recimo nekoliko riječi o tako korisnoj stvari kao što jetablica u boji. Može se koristiti za postavljanje pozadine stranice, boje teksta, poveznica i ostalih elemenata. Tablica boja sadrži oko 216 boja i nijansi. Svaka od njih ima svoj heksadecimalni kod.
Sam kôd započinje znakom raspršivanja i sadržitri para brojeva ili slova. Na primjer, zelena boja u tablici je # 007F0. Svaki par predstavlja intenzitet jedne od tri osnovne boje - crvene, zelene i plave. Pomoću tablice možete odabrati željenu boju i postaviti je pomoću koda.
Ako nemate priliku koristiti tablicu, boju možete postaviti koristeći njen naziv na engleskom jeziku.
Nekoliko riječi o samom sadržaju.Naravno, tekst najčešće možemo vidjeti u HTML tablici, ali to ne znači da ga tamo možemo staviti samo mi. Stanice i linije također mogu sadržavati slike, audio i video datoteke, poveznice.
Da biste stavili tekst ili bilo koje druge podatke u ćeliju (redak), trebali biste ih zapisati između dvije oznake. Na primjer: <td> naziv </td>. Ćelija prikazuje "Ime".
Grafičke podatke i medijske datoteke možete postaviti pomoću posebnih oznaka - <img>, <audio> i <video>.
Na kraju ćemo dati nekoliko korisnih savjeta koji će vam pomoći da brzo napravite tablicu bilo koje složenosti u HTML-u.
Kada pišete tablicu, preporučujemo da prvo napišeteoznake same tablice i njezini glavni parametri. Zatim napišite oznake linija. Pokrenite svaki par na novoj liniji. To će vam pokazati koliko redaka ima u vašoj tablici. Također zapišite parametre crte ili linija, ako se razlikuju od glavnih. Tada vam savjetujemo da započnete s pisanjem svake ćelije, također u novom retku. Štoviše, poželjno je napraviti jednu ili dvije uvlake Tab od ruba. Tako ćete sasvim jasno vidjeti strukturu koda.
Savjetujemo vam da sadržaj ćelija i redaka napišete na samom kraju, kada je okvir tablice spreman.
