Veebilehtedele paigutatud tabeleid moodustavad HTML-juhised HyperText Markup Language (HTML) annavad üsna palju lisaparameetreid. See võimaldab erinevalt teistest plokielementidest suuruste määramiseks mitte ainult CSS-keelt (kaskaadstiililehed või "kaskaadstiililehed"), vaid ka HTML-i.
Juhised
Samm 1
Kasutage tabelimärgise laiuse atribuuti, et määrata tabeli laius pikslites. Sildi (HTML-käsk) tabel koosneb avausest (
) osad, mille vahel on sildid, mis moodustavad tabeli read ja lahtrid. Avamärgendisse saab lisada täiendavaid parameetreid (atribuute), mille loetelu iga konkreetse sildi jaoks määratakse kindlaks rahvusvaheliste standarditega. Tabelimärgise jaoks võimaldavad need standardid kasutada atribuuti width, mis määrab tabeli laiuse pikslites. Sellise sildiga, mis määrab 500 pikslit lai, lihtsa tabeli HTML-kood võib välja näha järgmine:
| 1. lahter | 2. lahter |
2. samm
Kui peate tabeli laiuse määrama protsentides, mitte pikslites, lisage atribuudi laius väärtusele% märk:
| 1. lahter | 2. lahter |
Pange tähele, et need protsendid ei pruugi põhineda brauseriakna laiusel. Siin on oluline dokumendi ülesehitus - nii nagu pesastatud pesastatav nukk ei saa olla laiem kui see, kuhu ta pesitseb, ei saa ka 100% tabeli laiusest olla suurem kui vanemelemendi laius. Näiteks kui tabel asub div-plokis, võetakse selle ploki laiuseks 100%.
3. samm
Kasutage stiilikirjelduse keele juhiseid, kui soovite veebisaidi tabelite jaoks sama laiuse määrata lähtekoodi ühes kohas. Selleks asetage esmalt HTML-koodi peaossa (vahel ja) algus- ja sulgemissildid, mis piiravad CSS-i keelelauseid:
/ * CSS-i juhised on siin * /
Seejärel pange nende siltide vahele järgmine CSS: table {width: 100px;} Siin näitab tabel, et lokkisulgudes asetatud kirjeldus tuleks rakendada kõigile lehekoodis kuvatavatele tabelisiltidele. Noh, laiuse parameeter määrab laiuse. Ka siin saate kasutada suhtelist laiust protsentidena.
4. samm
Määrake klassi nimi CSS-koodis ja HTML-tabeli märgendis, kui peate laiuse määrama mitte kõigi, vaid ainult ühe või mitme tabeli jaoks. Oletame näiteks, et klass, mis tähistab rühma kitsaid laudu, on väike. Siis võib selle stiili kirjeldus välja näha järgmine: table.tiny {width: 100px;} Ja HTML-koodi ühe tabeli vastav silt on järgmine:
| 1. lahter | 2. lahter |
