Kako napraviti HTML tablice. Tablica boja

Novi webmasteri morati suočiti s mnogim izazovima. Č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čavanje HTML stranicama - tablica. 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 , I više tablica, veća je vjerojatnost da pogriješi.

Dakle, počevši stvoriti tablicu u HTML-u, preporučujemo maksimalni fokus, a ne se omesti.

Prvo, trebali bismo povući budući stol na komad papira, obilježavanje onaj u kojem stanica će biti, kao i napomenu za sebe osnovne parametre pojedinog elementa.

Sljedeći je izračunati broj redaka u tablici i broj stanica u svakom retku. Također preporučamo da na umu stavke kao što su prisutnost slike u tablici, boja pozadine, granica, tekst. Tek tada možete početi kreirati HTML tablice pomoću pohranjene informacije.

urednik

Tako ste stvorili izgled tablice. Sada moramo izabrati odgovarajući editor da ga stvoriti. Možete odabrati određene web stranice, a dizajneri napraviti tablicu u njima. Koristeći ovaj softver, stvoriti tablicu je kao jednostavan kao u Word dokument. Možete odabrati program kao što je FrontPage. Unatoč činjenici da je program prilično stara, to može pomoći da se stvori dobre web stranice, osim na to može se naći više od udžbenik.

Ako želite stvoriti HTML tablice pomoću posebnog koda koji se može koristiti za tu svrhu i normalan prijenosnik ili redovito Word dokument. Međutim, ovdje morate naporno raditi kao pisanje koda će biti dugo.

Možete koristiti editor izgrađen u samom softveru motora. Dakle, kada se stvoriti rekord u mnogim motora pruža mogućnost dodavanja različitih elemenata, uključujući tablice. Čak i ako se osnovne značajke urednik niste zadovoljni, napraviti promjene koda će biti lakše nego pisati od nule.

oznake

Bez obzira na to koliko je urednik ćete koristiti prije nego što počnete stvoriti tablicu u HTML-u, koju treba zapamtiti osnovne oznake. Sva tri od njih - , i . Imajte na umu da su sve tagove paru. Prva tablica predstavlja oznaku u cjelini, definira drugu liniju, treći - ćeliju unutar retka.

Malo više o svakoj od oznaka. Tablica uvijek počinje s oznakom i završava sa . Svaki preglednik je simbol onoga što je stol ispred njega. Zatim je propisano linije koje otvara tag, a završava sa . U svakom retku, koristite oznaku i propisani broj stanica.

Dakle, 2x2 stol kod će izgledati ovako:

Umetnite tablicu na stranicama HTML-koda može se kopirati iz odabranog urednika.

tablice parametara, redaka i ćelija

Dakle, razgovarali smo osnovni kôd. Sada ćemo govoriti o tome kako poboljšati stol, kako bi ona svjetlija i više privlačan. Da biste to učinili, morate znati osnovne parametre oznaci. Oni su pisani u start tag, pri čemu se nakon svakog parametra izjednačuje, a potom registrira njegova vrijednost uzeti u navodnike. Na primjer, u pozadini u HTML tablici se definira kao: .

Mi smo popis nekoliko osnovnih parametara koji će biti najviše od pomoći. Počnimo sa samim stolom.

Dakle, za postavljanje granica širina graničnog parametar pomoć, što može potrajati sve numeričke vrijednosti. Granični Boja postavlja bordercolor. Opća pozadina postavlja bgcolor.

Ako želite napraviti stol pozadinsku sliku, koristite pozadinu koristi, u ovom slučaju treba postaviti uzorak URL.

Poravnajte sadržaj stranice oko parametra stol će se uskladiti, koja se može postaviti na lijevo, centar i desni.

Postavite naslov tag pomoći će par , koji registrira odmah nakon otvaranja oznake .

Malo niz parametara. Boja stanica u nizu podesiti 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 stanica može se primijetiti da je boja pozadine i pozadina uzorak je dao za njega s istim parametrima kao i za cijelu tablicu. Poravnanje teksta možete koristiti uskladiti i valign parametre.

Tu su i posebne postavke - colspan i rowspan. Sa prva možete postaviti broj stupaca, koji će proširiti stanicu. Drugi određuje broj redaka za koje određena stanica može produžiti.

To je sve više korisnih opcija.

Tablica boja

Recimo par riječi o takvim korisne stvari kao stol u boji. Uz pomoć stranice pozadine je postavljena, boju teksta, linkova i drugih elemenata. Tablica boja sadrži oko 216 boja. Svaki od njih ima svoj heksadecimalni kod.

Sam broj započinje s funtu i sastoji se od tri para brojki ili slova. Na primjer, zelene boje u tablici ima kod # 007F0. Svaki par predstavlja intenzitet jedan od tri primarne boje - crvena, zelena i plava. Koristeći tablicu, možete odabrati boju koju želite i postavite ga pomoću koda.

Ako ne možete koristiti tablicu, možete postaviti boju pomoću svoje ime na engleskom jeziku.

sadržaj

Nekoliko riječi o sadržaju. Naravno, najčešće možemo vidjeti tekst u HTML tablici, ali to ne znači da je jedino što možemo staviti tamo. I stanične linije može sadržavati i slike, audio i video datoteke, linkovi.

Kako bi postavio tekst ili bilo koje druge informacije u stanica (linija), treba ga postaviti između dvije oznake. Na primjer: ime . To će se prikazati „ime” u stanici.

Stavi grafički informacije i medijske datoteke pomoću posebne oznake - ,

Savjet

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

Prilikom pisanja stol preporučujemo da prvo se registrirati oznake stol i njegove glavne parametre. Zatim redovi popis oznaka. Svaki par započeli novi red. Tako ćete vidjeti koliko redaka u tablici. Također navesti parametre redak ili retke, ako se razlikuju od osnovne. Tada preporučamo da počnete da se registrirate svaku ćeliju kao novi redak. Poželjno je da jedan ili dva urezano Tab od ruba. Dakle, vi ćete sasvim jasno vidjeti strukturu koda.

Sadržaj stanica i redaka savjetovao da se registrirate već na kraju, kada se okvir za stol je spreman.