<html>
<head>
<title>Min nya hemsida</title>
<style type="text/css">
body {background-image:bilder/dune.jpg; background-color:#CCCC00;}
</style>
</head>
<body>
<a href="http://www.gbghtml.se>
<img src="pelle.jpg" width="200" height="180" alt="det var här du lade in beskrivningen på bilden"/></a>
<font size="+1" color="red">Här ser du de olika font-taggarna vi gått igenom</font>
<p><font size="+2" color="red">Ja denna P-taggen är också en tagg</font></p>
</body>
</html>
Titta på stylesheet i headern. Här lägger vi stylesheet i headern istället för att referera till en css-fil bara för att förenkla något. body-taggen där ser du vi använt "background="...".
Sökvägen "bilder/dune.jpg"
visar en mapp som ligger i samma mapp som webbsidan och bilden
"dune.jpg" ligger alltså i mappen "bilder".
Läs mer om stylesheets på design>>>
Bilderna som du lägger på själva webbsidan(mellan <body>
och </body>) kan du precis som texten lägga på olika
platser i dokumentet med kommandona "align" och "valign".
"align" använder du till den horisontala orienteringen och
"valign" den vertikala.
En annan sak som kan vara användbar
är kommandot "border". Du får en linje runt bilden när den länkar med
href-taggen och du kan ta bort linjen genom att skriva border="0" i
img-taggen. SåHäR