byt lankar med html-skolan

Web gbghtml.se
index td-taggen koden bordercolor colspan rowspan bgcolor width cellspacing Distans Bild i table Tabellkod Bilden i mitten valign Frågesport

Inspira är kursmaterialet som är optimerat för lärarledd undervisning. Materialet rekommenderas på två- till tredagarskurser, ibland fler dagar beroende på elevernas förkunskaper. Inspira Grunder riktar sig till den som behöver lära sig ett program från grunden. Böckerna bygger på en aktiv inlärningsmetod, även känd som Docendopedagogiken. Kunskapen byggs upp med tre delmoment: Läs - Öva - Rätta. Teori varvas med övningar och i slutet av varje kapitel finns det lösningsförslag till alla övningar.
HTML-programmering Inspira Grunder
Teori varvas med övningar och i slutet av varje kapitel finns det lösningsförslag till alla övningar.

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