Lars Johan Hierta På internet sedan 1994  
Aftonbladetit
SÖNDAG 20 DECEMBER 1998
  

Bygg med tabeller

– så gör du din sajt ännu snyggare

Del 5

Har du tröttnat på att rada upp texter och bilder ovanpå varandra?
  Här får du lära dig hur du gör spalter av text och hur du lägger en bild ovanför spalterna.
  Det är jätteenkelt – och blir snyggt.


Enklast gör du tabeller i ett hemsidesprogram.
  Vi använder Netscape Composer som ingår i Netscape Communicator.

Starta Composer. Har du följt med i html-skolan sedan tidigare kan du öppna den sidan du gjort.

Gå till menyn Infoga och välj Tabell.

Till att börja med behöver du bara tänka på det som står överst i dialogrutan som dyker upp, nämligen antal rader och kolumner som tabellen ska bestå av.

Klicka på OK, och tabellen läggs in på din sida. Nu är det bara att fylla i informationen som du vill ska stå där. Klart!
  När du börjar bli van vid tabeller kan du experimentera med de andra valmöjligheterna som finns i dialogrutan för tabeller.
  Du kan bestämma tabellbredden, ta bort tabellramen och använda bakgrundsfärger. Du kan ha flera tabeller på samma sida. Du kan också infoga en tabell i en redan existerande tabell. Prova dig fram!


Om du hellre vill göra sidan för hand
Om du inte har ett hemsidesprogram kan du göra tabeller med en vanlig texteditor som Notepad.
  Är du osäker på hur html-kod fungerar, tittar du i del 1 av html-skolan som du hittar på www.aftonbladet.se.
  Den enklaste formen av tabeller ser ut så här:

  <TABLE>
  <TR>
  <TD>Text 1</TD>
  <TD>Text 2</TD>
  </TR>
  </TABLE>
  Tabellen skrivs i html med hjälp av elementet TABLE. Elementet TR betyder tabellrad och TD betyder tabelldata. I detta fall har vi två tabelldataceller, eller tabellceller, på samma rad.
  Tabellen ovan är en rad hög och två kolumner bred.
  Innehållet i tabellcellerna står som Text 1 och Text 2, och kan lika gärna vara bilder, eller längre texter
  Vill du lägga till en rad, och en extra kolumn, måste du lägga till både en tabellcelloch en extra raddefinition:
  <TABLE>
  <TR>
  <TD>Text 1</TD>
  <TD>Text 2</TD>
  <TD>Text 3</TD>
  </TR>
  <TR>
  <TD>Text 4</TD>
  <TD>Text 5</TD>
  <TD>Text 6</TD>
  </TR>
  </TABLE>
  Känner du att börjar bli varm i kläderna nu.
  Håll ut – nästa vecka får du lära dig ännu mer finesser.



Gå till förra html-lektionen. Del4



Toppen och Botten
Bäst och sämst på nätet just nu, med Jessica Ritzén.
NÄTGUIDEN: Dan före dan... Anders Hvidfeldt rusar fram i julruschen.

Veckans it:
Roliga tips som bara kostar lite jobb
...och lite väntan
Superspelet
Aftonbladet har testat framtidens tv-spel med supergrafik.
Världens enklaste html-skola
Del 5: Jobba med tabeller.
Att ha (data-) åldern inne
Aftonbladet har träffat fyra riktiga seniorer.
KRÖNIKA: E-post och icq - en revolution för kärleken
Läs och diskutera Emma Rosts nätkrönika.