Upute za označavanje jezika HyperText (HTML) koje čine tablice smještene na web stranicama pružaju prilično velik broj dodatnih parametara. To omogućava, za razliku od ostalih blokovskih elemenata, postavljanje veličina ne samo pomoću CSS jezika (kaskadni tabele stilova ili "kaskadni tabele stilova"), već i pomoću samog HTML-a.
Instrukcije
Korak 1
Koristite atribut width oznake tablice da odredite širinu tablice u pikselima. Tabela s oznakama (HTML upute) sastoji se od otvaranja (
) dijelovi, između kojih se nalaze oznake koje čine redove i ćelije tablice. Dodatni parametri (atributi) mogu se staviti u početnu oznaku čija je lista za svaku određenu oznaku određena međunarodnim standardima. Za oznaku tablice ovi standardi dopuštaju upotrebu atributa width koji određuje širinu tablice u pikselima. HTML kôd jednostavne tablice s takvom oznakom koja definira širinu od 500 piksela može izgledati ovako:
| 1. ćelija | 2. ćelija |
Korak 2
Vrijednosti atributa width dodajte znak% ako trebate širinu tablice odrediti u procentima, a ne u pikselima:
| 1. ćelija | 2. ćelija |
Imajte na umu da ovi procenti neće nužno biti zasnovani na širini prozora preglednika. Ovdje je važna struktura dokumenta - kao što ugniježđena lutka za ugniježđenje ne može biti šira od one u kojoj je ugniježđena, tako i 100% širine tablice ne može biti veće od širine nadređenog elementa. Na primjer, ako se tablica nalazi unutar bloka div, tada će se širina ovog bloka uzeti kao 100%.
Korak 3
Koristite upute za jezik opisa stila ako želite postaviti jednaku širinu za tablice na web stranici na jednom mjestu u izvornom kodu. Da biste to učinili, prvo mjesto u glavnom dijelu HTML koda (između i) oznake za otvaranje i zatvaranje koje ograničavaju CSS izjave o jeziku:
/ * CSS upute će biti ovdje * /
Zatim stavite sljedeći CSS između tih oznaka: table {width: 100px;} Ovdje tablica označava da bi opis smješten unutar kovrčavih zagrada trebao biti primijenjen na sve oznake tablice koje se pojavljuju u kodu stranice. Pa, parametar width postavlja širinu. I ovde možete koristiti relativnu širinu kao procenat.
Korak 4
Navedite ime klase u CSS kodu i u oznaci HTML tablice ako trebate odrediti širinu ne za sve tablice, već samo za jednu ili nekoliko tablica. Na primjer, recimo da je klasa koja označava skupinu uskih tablica mala. Tada bi opis njegovog stila mogao izgledati ovako: table.tiny {width: 100px;} A odgovarajuća oznaka jedne od tabela u HTML kodu je ovako:
| 1. ćelija | 2. ćelija |
