Prøv at sætte denne kode ind i et nyoprettet html dokument. Gem det og tryk F12. Dermed får du vist siden lokalt uden at du behøver at uploade noget.
Det er et simpelt galleri lavet med html. Ulempen er at du skal lave en side for hver billede du vil have med. Siderene skal kaldes side1.html, side2.html o.s.v.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Mine billeder</title>
</head>
/* Alt herover er en doc type der skal forstælle browseren hvordan siden skal fortolkes*/
<body> <!-- Alt der skal vises på siden skal stå imellem body start og body slut -->
Billede
<a href="billeder_lavet_til_hjemmesiden/side1.html">1</a>
<a href="billeder_lavet_til_hjemmesiden/side2.html">2</a>
<a href="billeder_lavet_til_hjemmesiden/side3.html">3</a>
<a href="billeder_lavet_til_hjemmesiden/side4.html">4</a>
<a href="billeder_lavet_til_hjemmesiden/side4.html">5</a>
<br> <!-- et linieskift -->
<img src="mitbillede1.jpg" width="64" height="64"> <!-- Et billedelink -->
</body>
</html>
Med brug af ASP eller PHP kunne det laves med 1 side, men det er betydelig sværere at arbejde med.
html bruges til at lave hjemmesider med. CSS bruges i forbindelse med styling af objekter i html. Man bruger det kort sagt for at optimere og forenkle koden.
Uden CSS:
<p style="font-family:Verdana, Arial, Helvetica, sans-serif; color: red;">Dette er en tekst der er rød</p>
<p style="font-family:Verdana, Arial, Helvetica, sans-serif; color: blue;">Dette er en tekst der er blå</p>
<p style="font-family:Verdana, Arial, Helvetica, sans-serif; color: green;">Dette er en tekst der er grøn </p>
bliver med CSS til:
<style type="text/css">
.minstyle {font-family: Verdana, Arial, Helvetica, sans-serif}
</style>
<p class="minstyle" style="color: red;">Dette er en tekst der er rød</p>
<p class="minstyle" style="color: blue;">Dette er en tekst der er blå</p>
<p class="minstyle" style="green;">Dette er en tekst der er grøn </p>
Men glem alt om css nu.
