Die HyperText Markup Language (HTML) -instruksies wat tabelle vorm wat op webblaaie geplaas word, bied 'n redelike groot aantal addisionele parameters. Dit stel, in teenstelling met ander blokelemente, in staat om groottes in te stel, nie net met behulp van die CSS-taal (Cascading Style Sheets of "Cascading Style Sheets") nie, maar ook die HTML self.
Instruksies
Stap 1
Gebruik die breedte-attribuut van die tabelmerk om die breedte van die tabel in pixels te spesifiseer. Die tag (HTML-instruksie) tabel bestaan uit 'n opening (
) dele, waartussen daar etikette is wat die rye en selle van die tabel vorm. Bykomende parameters (attribute) kan in die aanvangsplaatjie geplaas word. Die lys word vir internasionale etikette vir elke spesifieke etiket bepaal. Hierdie standaarde maak gebruik van die breedte-kenmerk vir die tafellabel, wat die breedte van die tabel in pixels spesifiseer. Die HTML-kode van 'n eenvoudige tabel met so 'n etiket wat die breedte van 500 pixels definieer, kan so lyk:
| 1ste sel | 2de sel |
Stap 2
Voeg 'n% -karakter by die waarde van die breedtekenmerk as u die breedte van die tabel as 'n persentasie eerder as in pixels moet spesifiseer:
| 1ste sel | 2de sel |
Let daarop dat hierdie persentasies nie noodwendig gebaseer sal wees op die breedte van die blaaiervenster nie. Die struktuur van die dokument is hier van belang - net soos 'n geneste pop nie wyer kan wees as die waarin dit genestel is nie, so 100% van die tafel se breedte kan nie groter wees as die breedte van die ouerelement nie. As die tabel byvoorbeeld in 'n div-blok is, sal die breedte van hierdie blok as 100% geneem word.
Stap 3
Gebruik die taalinstruksies vir stylbeskrywing as u dieselfde breedte vir die tabelle op die webblad op een plek in die bronkode wil instel. Om dit te doen, plaas eers in die kopgedeelte van die HTML-kode (tussen en) die aan- en afsluitplaatjies wat die CSS-taalverklarings beperk:
/ * CSS-instruksies sal hier wees * /
Sit dan die volgende CSS tussen die tags: tabel {width: 100px;} Hier dui die tabel aan dat die beskrywing wat binne die krullerige hakies geplaas word, op alle tabel tags wat in die bladsykode verskyn, toegepas moet word. Die breedte-parameter stel die breedte in. Ook hier kan u die relatiewe breedte as persentasie gebruik.
Stap 4
Spesifiseer die klasnaam in die CSS-kode en in die HTML-tabelmerk as u die breedte nie vir alle tabelle moet spesifiseer nie, maar slegs vir een of meer tabelle. Laat ons byvoorbeeld sê dat die klas wat 'n groep smal tafels aandui, klein is. Dan kan die beskrywing van sy styl so lyk: table.tiny {width: 100px;} En die ooreenstemmende merker van een van die tabelle in die HTML-kode is soos volg:
| 1ste sel | 2de sel |
