byt lankar med html-skolan

Google gbghtml.se
Denna sida använder cookies, läs mer här>>>
index td-taggen koden bordercolor colspan rowspan bgcolor width cellspacing Distans Bild i table Tabellkod Bilden i mitten valign Frågesport

Språk: Svenska
Serie: Pagina Classic
Antal sidor: 505
Utg.datum: 2011-11-30
Upplaga: 7
Förlag: Pagina Förlag
Dimensioner: 229 x 164 x 27 mm
Vikt: 790 g
SAB: 006.7,Pucbb
ISBN: 9789163609947
HTML och CSS-boken

Boken börjar från grunden och innehåller allt du behöver veta för att skriva webbsidor. Författaren beskriver systematiskt, med hundratals exempel, hur du lägger in rätt taggar så att dina webbsidor får det utseende och den funktion du vill. Du kan ha stor glädje av att kunna HTML även om du använder andra program som skapar HTML-kod, eller översätter färdiga dokument till HTML.

Fullständig kod till din tabell

<html>
<head>
<title>tabeller</title>
</head>
<body>
<table border="1" bordercolor="blue" cellspacing="10" cellpadding="10">
<tr>
<td>Detta är den vänstra cellen i den första raden</td>
<td><img src="bilder/pelle.jpg" width="20" height="20" alt="pelle på nya äventyr"/></td>
<td>Detta är den högra cellen i den första raden</td>
</tr>
<tr>
<td rowspan="2" colspan="2">Detta är den vänstra cellen i den andra raden</td>

<td>Detta är den högra cellen i den andra raden</td>
</tr>
<tr>

<td>Detta är den högra cellen i den tredje raden</td>
</tr></table>
</body>
</html>

I den nedersta TD-taggen ser du vi angett colspan="3" och align="center" för att få innehållet i cellen att finnas i mitten av cellen(horisontalt). Skulle vi nu vilja flytta bilden i höjdled också får vi använda oss av valign. För att göra detta lite tydligare utökar jag höjden på cellen med height <td colspan="3" align="center" height="200">, med height="200" har vi sagt att höjden skall vara 200 pixel. Vi använder inte % här till höjden då det är dåligt med tabeller runtom. resultatet får du här

copyright © Björn Larsen citygbg.se