Tabeller är livsnödvändigt för hemsidor!
...nästan.
| Hela den här sajten igenom har jag använt mig av tabeller för att bl a forma en enhetlig design. Med tabeller får man kontroll över sidan och en möjlighet att göra en snygg hemsida. Man kan inte göra exempelvis spalter på en hemsida, utan man får "fejka" spalter i ett tabellformat. tabeller är oftast kärnan i designen av en hemsida. Den här texten ligger inne i en tabell. Varierande och synliga tabeller visas i nästa tabell... |
|
|
|
||||||||
|
| |||||||||
| Okej det här var ett antal varianter
på tabeller som visar hur de kan formateras. I den här kursen kommer du att få lära dig grunderna i tabellskapande. För att göra du enklare ska se resultatet får tabellen en ram med bredden 1 pixel. |
|
Nu ska du få
se grunkod och resultat
|
| <TABLE ALIGN="center" BORDER="1"
CELLSPACING="0" CELLPADDING="0"> <TR><TD>text</TD> <TD>text</TD></TR> <TR><TD COLSPAN="2">mer text</TD></TR> <TR><TD ROWSPAN="2">text i 2 rader</TD> <TD>text</TD></TR> <TR><TD>text</TD></TR></TABLE> |
|
||||||||
|
Hoppas att "kodrutan" och "tabellrutan"
ger dig ett hum om vad det är. Tabellen placeras i mitten, har en ram med en bredd av 1 pixel, inget utrymme mellan cellerna, ingen bredd på linjen mellan cellerna. En tabellrad, en cell, text, slut på cell. En cell, text, slut på cell, slut på rad. En rad, cell över två kolummer, mer text, slut på cell, slut på rad. En rad, en cell över två rader, text i 2 rader, slut på cell. En cell, text, slut på cell, slut på rad. En rad, en cell, text, slut på cell, slut på rad, slut på tabell. |
||||||||
|
Närmare än
så kommer jag inte en enkel förklaring!
|
||||||||
| Sist i den här kursen ska du få lära dig att göra linjer. Inte sådana som du har ritat (de är nämligen bilder) utan en sorts avdelare som kan anvädas för att göra stycken. Du kan se några på den här sidan. | ||||||||
|
||||||||
| Det är inte så svårt att infoga linjer, man skriver bara <HR> så är det klart. Om man vill kan man lägga till några attribut som bredd eller var den ska vara. | ||||||||
| Vill veta mindre | ||||||||