Kako napraviti HTML tablicu. Tablica boja

Novinari webmasteri moraju se nositi s puno problema. Čini se da danas možemo koristiti za stvaranje vlastite web stranice predloške, no stvar je, oni ne moraju uvijek željena svojstva, a zatim su je izraditi web dizajn od nule, inače napraviti promjene na postojećem kodu. A onda će trebati poznavanje HTML-koda i minimalne ideje o tome kako postaviti boju pozadine i stranicu, umetnuti sliku ili video, napraviti tablicu u HTML-u.

Početak rada na stolu

Jedna od najtežih stvari u označavanju HTML stranice su tablice. Problem nije složenost oznake, koji, u stvari, nije previše teško sjetiti, a da pri pisanju koda, možete lako napraviti pogrešku - da zaborave registrirati dodatnu liniju ili ćeliju, unesite tekst ne ide tamo gdje je to potrebno, i druge sitnice , Što je veći stol, to je veća mogućnost da pogriješi.

Stoga, kada počnete stvarati tablicu u HTML-u, preporučujemo da se koncentrirate koliko god je to moguće i da se ne biste ometali.

Prije svega, trebali biste nacrtati buduću tablicu na listu papira, nakon što ste zabilježili u kojem ćeliju ćete se nalaziti, kao i da sami uočite osnovne parametre ovog ili onog elementa.

Zatim brojite broj redaka u tablici i broj ćelija u svakom retku. Također preporučujemo da primijetite takve stavke kao što su prisutnost slika u tablici, boja pozadine, granica, tekst. Tek nakon toga možete početi izrađivati ​​HTML tablicu koristeći snimljene podatke.

Urednik

Stoga ste stvorili izgled tablice. Sada morate odabrati odgovarajući urednik da biste ga izradili. Možete odabrati posebne web dizajnere i napraviti tablicu u njima. Koristeći ovaj softver stvaranje tablice nije teže nego u Word dokumentu. Možete odabrati program kao što je FrontPage. Unatoč činjenici da je program prilično star, sa svojom pomoći možete stvoriti dobre web stranice, osim toga, možete pronaći više od jednog udžbenika na njemu.

Ako želite stvoriti HTML tablicu s posebnim kodom, u tu svrhu možete koristiti redoviti notepad ili redoviti Word dokument. Međutim, ovdje ćete morati naporno raditi, jer ćete dugo morati napisati kod.

Možete upotrijebiti uređivač ugrađen u sam motor web mjesta. Dakle, prilikom izrade unosa u mnogim motorima moguće je dodati različite elemente, uključujući tablice. Čak i ako vas osnovne mogućnosti urednika ne zadovolje, izmjene na kodu bit će lakše nego pisati od nule.

oznake

Bez obzira na uređivač koji koristite, prije nego što počnete stvarati u HTML tablici, trebali biste se sjetiti glavnih oznaka. Ukupno tri -

Još malo više o svakoj od oznaka. Tablica uvijek počinje oznakom

Tako će kod tablice 2x2 izgledati ovako:

U HTML stranice možete umetnuti tablicu kopiranjem iz odabranog urednika.

Parametri tablica, redaka i stanica

Dakle, rastavili smo osnovni kod. Sada razgovarajmo o tome kako poboljšati stol, učiniti ga svjetlijom i privlačnijom. Da biste to učinili, morate znati osnovne parametre oznaka. Napisane su unutar oznake otvaranja, s jednakim znakom nakon svakog parametra, a zatim je njezina vrijednost navedena. Na primjer, pozadina u HTML tablici definirana je kao:

Evo nekoliko osnovnih parametara koji će vam biti najkorisniji. Počnimo sa stolom.

Dakle, možete postaviti širinu graničnog parametra granice, što može poduzeti bilo koju numeričku vrijednost. Granična boja postavlja graničnu boju. Pozadinu postavlja bgcolor.

Ako želite napraviti pozadinu tablice sliku, koristite pozadinu, a trebali biste propisati URL slike.

Poravnajte sadržaj stranice oko tablice s poravnanim parametrom, koji može uzeti vrijednosti lijevo, srednje i desno.

Paralelnu oznaku možete koristiti za postavljanje naslova , koji se registrira odmah nakon otvaranja oznake

Malo o parametrima niza. Boja stanica u nizu određena je pomoću bgcolor. Poravnanje teksta vodoravno se može učiniti pomoću parametra Poravnajte (lijevo, centrirano ili desno), vertikalna - valign (pretpostavlja vrijednosti gornji, srednji ili donji).

Što se tiče ćelije, može se istaknuti da su pozadinska boja i pozadinska slika postavljena za isti parametri kao i za cijelu tablicu. Poravnajte tekst s opcijama poravnavanja i valigniranja.

Tu su i posebni parametri - colspan i rowspan. Pomoću prvog možete postaviti broj stupaca na koje će se stanica proširiti. Druga specificira broj redaka na koje se ova stanica može proširiti.

To su sve najkorisnije opcije.

Tablica boja

Recimo nekoliko riječi o takvoj korisnoj stvari kao i tablici boja. Koristi se za postavljanje pozadine stranice, boja teksta, veza i drugih elemenata. Tablica boja sadrži oko 216 boja i nijansi. Svaki od njih ima svoj heksadecimalni kod.

Samo kod počinje s rešetkom i sadrži tri para brojeva ili slova. Na primjer, zelena boja u tablici ima kod # 007F0. Svaki par upućuje na intenzitet jedne od tri osnovne boje - crvene, zelene i plave. Pomoću tablice možete odabrati željenu boju i postaviti ga pomoću koda.

Ako ne možete koristiti tablicu, možete postaviti boju koristeći njegovo ime na engleskom.

sadržaj

Nekoliko riječi o samom sadržaju. Naravno, najčešće možemo vidjeti tekst u HTML tablici, ali to ne znači da ga možemo smjestiti samo tamo. Ćelije i linije mogu također sadržavati crteže, audio i video datoteke, veze.

Da biste stavili tekst ili bilo koji drugi podatak u ćeliju (redak), potrebno ga je registrirati između dvije oznake. Na primjer: ime . U ćeliji se prikazuje "Name".

Možete postaviti grafičke informacije i multimedijske datoteke s posebnim oznakama - ,

Savjet

Konačno dajte neke korisne savjete koji će vam pomoći da brzo izradite HTML tablicu bilo koje složenosti.

Prilikom pisanja tablice preporučujemo prvo registriranje oznaka tablice i glavnih parametara tablice. Zatim napišite oznake retka. Pokrenite svaki par novom linijom. Tako ćete vidjeti koliko redaka u tablici. Također, zapišite string ili string parametre ako su različiti od osnovnih. Tada savjetujemo da počnemo registrirati svaku ćeliju, također iz nove linije. A poželjno je napraviti jednu ili dvije tablice s ruba s ruba. Tako ćete jasno vidjeti strukturu koda.

Sadržaj ćelija i žice se savjetuje da se napiše već na samom kraju, kada je okvir stola spreman.