HyperText Markup Language (HTML) instruktioner som bildar tabeller placerade på webbsidor ger ett ganska stort antal ytterligare parametrar. Detta tillåter, till skillnad från andra blockelement, att ställa in storlekar inte bara med CSS-språket (Cascading Style Sheets eller "Cascading Style Sheets") utan också med hjälp av HTML-koden själv.
Instruktioner
Steg 1
Använd breddattributet för tabelltaggen för att ange bredden på tabellen i pixlar. Taggtabellen (HTML-instruktion) består av en öppning (
) delar, mellan vilka det finns taggar som bildar raderna och cellerna i tabellen. Ytterligare parametrar (attribut) kan placeras i den inledande taggen, vars lista för varje specifik tagg bestäms av internationella standarder. För tabelltaggen tillåter dessa standarder att använda attributet bredd, som anger bredden på tabellen i pixlar. HTML-koden i en enkel tabell med en sådan tagg som definierar en bredd på 500 pixlar kan se ut så här:
| 1: a cellen | 2: a cellen |
Steg 2
Lägg till ett% -tecken i värdet på breddattributet om du behöver ange tabellens bredd i procent i stället för i pixlar:
| 1: a cellen | 2: a cellen |
Observera att dessa procentsatser inte nödvändigtvis kommer att baseras på webbläsarens fönster. Dokumentets struktur har betydelse här - precis som en kapslad häckande docka inte kan vara bredare än den där den är kapslad, så kan 100% av bordets bredd inte vara större än bredden på det överordnade elementet. Till exempel, om tabellen är inne i ett div-block, kommer bredden på detta block att tas till 100%.
Steg 3
Använd språkinstruktionerna för stilbeskrivning om du vill ställa in samma bredd för tabellerna på webbsidan på ett ställe i källkoden. För att göra detta, placera först i HTML-kodens huvuddel (mellan och) de inledande och stängande taggarna som begränsar CSS-språkuttalanden:
/ * CSS-instruktioner kommer att finnas här * /
Placera sedan följande CSS mellan dessa taggar: tabell {bredd: 100px;} Här indikerar tabellen att beskrivningen placerad i de lockiga hakparenteserna ska tillämpas på alla tabelltaggar som visas i sidkoden. Breddparametern ställer in bredden. Även här kan du använda den relativa bredden i procent.
Steg 4
Ange klassnamnet i CSS-koden och i HTML-tabelltaggen om du inte behöver ange bredden för alla tabeller, utan bara för en eller flera tabeller. Låt oss till exempel säga att klassen som markerar en grupp smala tabeller är liten. Då kan beskrivningen av dess stil se ut så här: table.tiny {width: 100px;} Och motsvarande tagg för en av tabellerna i HTML-koden är så här:
| 1: a cellen | 2: a cellen |
