Ligesom i grundlæggende HTML starter du Notepad (Ja Notepad!) og gør som mig. Kopiér og indsæt følgende til at starte med:
<HTML> <HEAD> <TITLE>Joe er en flink fyr</TITLE> </HEAD> <BODY> </BODY> </HTML>
Gem det som table1.html i en eller anden mappe et eller andet sted. Gør det bare, giv det sin egen mappe for vi smider det hel i samme mappe. Start din browser. Brug den til at åbne table1.html og kør Notepad og browseren side om side. På denne måde kan du skrive sider og se resultatet af dine anstrengelser med det samme. (Og du troede du skulle bruge en 45 megabyte 'wizzard' ;-)
Skriv dine table tags ind. De angiver ganske enkelt "start en tabel" og "slut en tabel".
<HTML> <HEAD> <TITLE>Joe er en flink fyr</TITLE> </HEAD> <BODY> <TABLE> </TABLE> </BODY> </HTML>
Alle tabeller har mindst en række.
<HTML> <HEAD> <TITLE>Joe er en flink fyr</TITLE> </HEAD> <BODY> <TABLE> <TR> </TR> </TABLE> </BODY> </HTML>
Og selvfølgelig skal hver række have mindst en tabel data cell.
<HTML> <HEAD> <TITLE>Joe er en flink fyr</TITLE> </HEAD> <BODY> <TABLE> <TR> <TD></TD> </TR> </TABLE> </BODY> </HTML>
Herfra vil jeg nøjes med at skrive det der er inden i tabel tags'ne. Jeg vil undlade head, body, title, etc. tags fra nu af. Men jeg behøver vel ikke sige, at du selvfølgelig skal bruge dem.
<TABLE> <TR> <TD></TD> </TR> </TABLE>
Nu skal du proppe noget i cellen. Hvad med Per? Lad os proppe Per ind i <TD> cellen.
<TABLE> <TR> <TD>Per</TD> </TR> </TABLE>
Så, nu er du den stolte ejer af en fuldt funktionel html tabel! Åben den med browseren og check den! Hvis du har gjort alt rigtigt, så skal din tabel se sådan ud:
Per | ||
Det var en vits! Haha! Som du kan se er jeg nem at more. Her er hvad du har lavet:
Per |
Tag en dyb indånding, klap dig selv på skulderen og vær stolt. Du har lavet din første tabel!