Video: Ett lite mer avancerat exempel på en tabell i html 2024
Behöver du ändra utseendet på en tabell på din webbplats? När du väljer en tabell i Dreamweaver ger egenskapskontrollen dig tillgång till följande alternativ för att anpassa ditt bords utseende:
-
Tabell: Ger ett textområde där du kan ange ett namn på en tabell. Detta namn, eller ID, är användbart för att rikta in tabellen i skript.
-
Rader: Visar antalet rader i tabellen. Du kan ändra storleken på bordet genom att ändra numret. Var försiktig, men: Om du anger ett nummer som är mindre än antalet rader i ditt bord, raderar Dreamweaver nedre raderna - innehåll och allt.
-
Kolum: Visar antalet kolumner i tabellen. Du kan ändra storleken på bordet genom att ändra numret. Återigen, om du anger ett nummer mindre än antalet kolumner i ditt bord, raderar Dreamweaver kolumnerna till höger om tabellen - innehåll och allt.
-
W (bredd): Visar bordets bredd. Du kan ändra bredden genom att ändra numret. Du kan ange bredden som en procentandel eller ett värde i pixlar. Värden uttryckta som en procentuell ökning eller minskning av tabellens storlek i förhållande till storleken på användarens webbläsarfönster eller en annan behållare, till exempel en annan tabell eller en etikett.
Bordsdimensioner uttryckta i procent gör det möjligt att skapa tabeller som ändras i storlek när webbläsarfönstret ändras. Om du vill att ett bord alltid tar upp 75 procent av fönstret, oavsett användarens visningsområde, ställa in storleken i procent. Om du vill att ett bord alltid ska vara av samma storlek oavsett storleken på webbläsarfönstret, välj pixlar för din bordbredd.
Om ett bord läggs in i en annan behållare, till exempel en etikett eller ett bord med en fast bredd, är tabellen storlek baserad inte i webbläsarfönstret men på behållaren.
Obs: Börja i Dreamweaver CS4, du hittar inte längre ett H (höjd) fält. Som bästa praxis anger inte de flesta designers tabellhöjd eftersom tabellens innehåll kan ändras från en besökare till en annan. Till exempel beror textstorleken på text på en användares system och inställningar.
-
CellPad: Anger mellanslag mellan innehållet i en cell och dess gräns.
-
CellSpace: Anger mellanrummet mellan tabellceller.
-
Justera: Styr justeringen av tabellen på webbsidan. Alternativen är Standard, Vänster, Center och Höger. Som standard reglerar standardinställningen bordet från vänster i webbläsarfönstret eller i annan behållare.
-
Border: Kontrollerar storleken på gränsen runt bordet.Ju större antal desto tjockare gränsen är. Om du vill att gränsen ska vara osynlig ställer du in den på 0.
-
Klass: Ger enkel åtkomst till stilarkalternativ.
-
Rensa och Konvertera: Ikonen i egenskapen inspektörs nedre vänstra område (klicka på expanderingspilen i nedre högra hörnet för att visa dem) ger dessa formateringsalternativ:
-
Rensa radiehöjder > och Rensa kolumnbredd gör att du kan ta bort alla höjd- och breddvärden samtidigt. Konvertera tabellbredd till pixlar
-
och Konvertera tabellbredd till procent gör att du automatiskt kan ändra breddinställningar från procenttal till pixlar. Pixlar anger en fast bredd; en procentuell inställning innebär att webbläsaren automatiskt justerar den angivna procentuella delen av webbläsarens visningsområde. Du kan också använda formateringsalternativ och ändra attributen för ett element - som text, en bild eller en multimediefil - inom en tabellcell. För att göra det, välj elementet och använd sedan alternativen i CSS eller HTML Property inspector för att göra önskade ändringar, precis som du skulle om elementet inte fanns i en tabellcell.
-
