Upute za označavanje jezika HyperText (HTML) koje oblikuju tablice smještene na web stranicama pružaju prilično velik broj dodatnih parametara. To omogućuje, za razliku od ostalih blokovskih elemenata, postavljanje veličina, ne samo pomoću CSS jezika (kaskadni listovi stilova ili "kaskadni listovi stilova"), već i pomoću samog HTML-a.
Upute
Korak 1
Upotrijebite 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 retke i ćelije tablice. Dodatni parametri (atributi) mogu se staviti u početnu oznaku čiji je popis za svaku određenu oznaku određen 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 kao postotak, a ne u pikselima:
| 1. ćelija | 2. ćelija |
Napominjemo da se ti postoci neće nužno temeljiti na širini prozora preglednika. Ovdje je važna struktura dokumenta - kao što ugniježđena lutka za gniježđenje ne može biti šira od one u kojoj je ugniježđena, tako 100% širine tablice ne može biti veća od širine nadređenog elementa. Na primjer, ako se tablica nalazi unutar bloka div, tada će se širina ovog bloka uzeti kao 100%.
3. korak
Upotrijebite jezične upute za opis 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 jezične izjave:
/ * CSS upute bit će ovdje * /
Zatim stavite sljedeći CSS između tih oznaka: table {width: 100px;} Ovdje tablica označava da bi se opis smješten unutar kovrčavih zagrada trebao primijeniti na sve oznake tablice koje se pojavljuju u kodu stranice. Pa, parametar width postavlja širinu. I ovdje možete koristiti relativnu širinu kao postotak.
4. korak
Navedite naziv 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 razred koji označava skupinu uskih tablica malen. Tada bi opis njegovog stila mogao izgledati ovako: table.tiny {width: 100px;} A odgovarajuća oznaka jedne od tablica u HTML kodu je sljedeća:
| 1. ćelija | 2. ćelija |
