HTML-taulukon luominen. Taulukko väreistä

Alkeistason ylläpitäjät joutuvat kohtaamaanpaljon ongelmia. Näyttää siltä, ​​että tänään voit käyttää malleja omien sivustojen luomiseen, mutta ongelmana on, että niissä ei aina ole välttämättömiä ominaisuuksia, ja sitten sinun on joko luotava verkkosivuston suunnittelu tyhjästä tai muutettava jo olemassa olevaa koodia. Täällä tarvitaan HTML-koodin tuntemusta ja minimaalisia käsityksiä sivun taustan ja värin asettamisesta, kuvan tai videon lisäämisestä, HTML-taulukon tekemisestä.

Aloittaminen pöydällä

Yksi vaikeimmista merkinnöistäHTML-sivut ovat taulukoita. Ongelma ei ole monimutkaisuus tunnisteen, joka itse asiassa, ei liian vaikea muistaa, ja että kun kirjoittaa koodia, voit helposti erehtyä - unohtaa rekisteröidä ylimääräisiä linja tai solu, kirjoita teksti ei mene, jos se on tarpeen, ja muut trifles . Ja mitä suurempi pöytä, sitä suurempi on mahdollisuus tehdä virhe.

Siksi, kun aloitat HTML-taulukon luomisen, suosittelemme, että keskitymme niin paljon kuin mahdollista, ettemme häiritse.

Ensinnäkin meidän pitäisi tehdä tulevaisuudessa taulukko paperille, merkintä sen, jossa soluun on sekä huomata itse perusparametreja tietyn elementin.

Seuraavaksi lasketaan rivien rivien määrätaulukko ja solujen määrä kussakin rivissä. Suosittelemme myös merkitsemään sellaiset kohteet kuin kuvien, taustavärin, reunusten, tekstin, kuvien olemassaolon. Vain tämän jälkeen voit luoda HTML-taulukon tallennettujen tietojen avulla.

Toimittaja

Olet siis luonut taulukon asettelun. Nyt sinun on valittava asianmukainen editori, jotta voit luoda sen. Voit valita erityiset sivuston suunnittelijat ja tehdä niistä taulukon. Tämän ohjelmiston avulla taulukon luominen ei ole vaikeampaa kuin Word-dokumentissa. Voit valita ohjelman, kuten FrontPage. Huolimatta siitä, että ohjelma on melko vanha, sen avulla voit luoda hyviä sivustoja, lisäksi löydät useampaa opetusohjelmaa.

Jos haluat luoda HTML-taulukon, jonka avulla voiterikoiskoodi, voit käyttää tähän tarkoitukseen tavallista notepadia tai tavallista Word-asiakirjaa. Tässä kuitenkin sinun täytyy työskennellä kovasti, koska sinun täytyy kirjoittaa koodia pitkään.

Voit käyttää sisäänrakennettua editoriaitse sivuston moottori. Joten luodessasi merkinnän monissa moottoreissa on mahdollista lisätä erilaisia ​​elementtejä, kuten taulukoita. Vaikka editorin perusominaisuudet eivät tyydytä sinua, koodien muuttaminen on helpompaa kuin kirjoittaa tyhjästä.

tunnisteet

Riippumatta siitä, mitä toimittajaa oletsinun tulee muistaa tärkeimmät tunnisteet ennen kuin aloitat HTML-taulukon luomisen. Niistä on kolme - <table>, <tr> ja <td>. Huomaa, että kaikki tunnisteet on yhdistetty. Ensimmäinen tagi tarkoittaa taulukkoa kokonaisuutena, toinen määrittelee merkkijonon, kolmas määrittää solun merkkijonossa.

Hieman lisää jokaisesta tunnisteesta. Taulukko alkaa aina <table> -tunnistuksella ja päättyy </ table>. Selaimella tämä on symboli siitä, että taulukko on ennen sitä. Lisää rivejä kirjoitetaan, jotka avaavat <tr> ja lopettavat </ tr> -tunnisteen. Jokainen rivi käyttää <td> ja </ td> -tunnisteita solujen lukumäärän määrittämiseen.

Tällöin 2x2-taulukon koodi näyttää tältä:

<Taulukko>

<tr> <td>

</ td> <td> </ td> </ tr>

<tr> <td> </ td> <td> </ td> </ tr>

</ table>

Voit lisätä taulukon sivun HTML-muotoon kopioimalla sen valitusta muokkauksesta.

Taulukoiden, rivien ja solujen parametrit

Joten, pursimme peruskoodin. Puhutaan nyt siitä, miten parannetaan pöytää, tehostetaan sitä kirkkaammaksi ja houkuttelevammaksi. Tätä varten sinun on tunnettava tunnisteiden perusparametrit. Ne kirjoitetaan avaustunnisteen sisään, jossa on yhtäläinen merkki jokaisen parametrin jälkeen ja sitten sen arvo, joka on mainittu, on kirjoitettu. Esimerkiksi HTML-taulukon tausta määritetään seuraavasti: <table bgcolor = "#FFFFFF">.

Seuraavassa on muutamia perusparametreja, jotka ovat sinulle eniten hyödyllisiä. Aloitetaan itse pöydällä.

Joten voit asettaa rajarajaparametrin leveyden, joka voi ottaa minkä tahansa numeerisen arvon. Rajan väri asettaa reunavärin. Tausta asettaa bgcolor.

Jos haluat tehdä taulukon taustalla kuvan, käytä taustaa, ja kirjoita kuvan URL-osoite.

Kohdista sivun sisältö taulukon ympärille kohdistusparametrilla, joka voi ottaa arvot vasemmalle, keskelle ja oikealle.

Voit käyttää <caption> -paritun tunnistetta, joka määritetään heti avaamisen <taulukko> -tunnisteen jälkeen.

Hieman merkkijonon parametreista. Sarjojen solujen väri määritetään bgcolor-mallilla. Voit kohdistaa tekstin vaakasuoraan parametrien kohdalla (vasen, keskellä tai oikealla), pystysuunnassa - valinnaisesti (ottaa arvot ylhäältä, keskeltä tai alhaalta).

Solun osalta voidaan huomata, että taustaväri ja taustakuvaksi on asetettu sille samoja parametrejä kuin koko taulukon. Kohdista teksti kohdistimen ja valign-asetuksilla.

On myös erityisiä parametreja - colspan ja rowspan. Ensimmäisen avulla voit asettaa sarakkeiden määrän, joihin solu laajenee. Toinen määrittää rivien määrän, joihin tämä solu voi ulottua.

Se on kaikki hyödyllisimmät vaihtoehdot.

Taulukko väreistä

Sanotaan muutaman sanan tällaisesta hyödyllisestä asiastaväri taulukko. Sitä käytetään asettamaan sivun tausta, tekstin väri, linkit ja muut elementit. Väritaulukossa on noin 216 väriä ja sävyä. Jokaisella niistä on oma heksadesimaalikoodi.

Koodi itse alkaa ruudukon merkillä ja sisältääkolme paria numeroita tai kirjaimia. Esimerkiksi taulukon vihreällä värillä on koodi # 007F0. Jokainen pari ilmaisee yhden kolmesta ensisijaisesta väre- jän voimakkuudesta - punainen, vihreä ja sininen. Taulukon avulla voit valita haluamasi värin ja asettaa sen käyttämällä koodia.

Jos et voi käyttää taulukkoa, voit määrittää värin käyttämällä sen nimeä englanniksi.

sisältö

Muutama sana sisältöstä itsestään. Tietenkin useimmiten näemme tekstin HTML-taulukossa, mutta se ei tarkoita sitä, että voimme vain sijoittaa sen siellä. Solut ja linjat voivat sisältää myös piirustuksia, ääni- ja videotiedostoja, linkkejä.

Jos haluat sijoittaa tekstiä tai muuta tietoa soluun (rivi), se on tarpeen rekisteröidä kahden tunnisteen välillä. Esimerkiksi: <td> nimi </ td>. Solu näyttää "Nimi".

Voit sijoittaa graafisia tietoja ja mediatiedostoja erikoismerkillä - <img>, <audio> ja <video>.

vinkkejä

Lopuksi anna joitain hyödyllisiä vinkkejä, joiden avulla voit nopeasti luoda minkä tahansa monimutkaisuuden HTML-taulukon.

Kun kirjoitat taulukkoa, suosittelemme ensin asetustataulukon tunnisteet ja sen tärkeimmät parametrit. Kirjoita sitten rivitunnisteet. Aloita jokaisen parin uusi rivi. Joten näet kuinka monta riviä taulukossa. Kirjoita myös merkkijono- tai merkkijonoparametrit, jos ne eroavat perusasetuksista. Sitten suosittelemme rekisteröimään jokaisen solun myös uudesta rivistä. Ja on toivottavaa, että reunasta tehdään yksi tai kaksi välilehteä. Näin näet koodin rakenteen melko selvästi.

Solujen ja merkkijonojen sisältöä suositellaan kirjoitettavaksi jo loppupäässä, kun pöytäkehys on valmis.