HTML
Här hittar du olika användbara och nyttiga exempel av HTML-kod både för nybörjare och proffs. Denna listan kommer att utökas mer efterhand som vi kommer att lägga in fler koder.
Början av html-koden
När man ska börja göra sin hemsida är det alltid bra att ha en stadig grund att börja bygga med. Dom flesta som jobbar med webbdesign och webbutveckling brukar oftast ha ett par filer sparade på datorn för att få en stadig grund att gå på.
Här nedan har ni ett exempel på det mest grundläggande för att bygga en hemsida. Detta exempel är uppbyggt med en fil som är själva html-koden och en fil som är stilmallen, Där vi kommer lägga in vår positionering och design.
Reset.css
Vi kommer även använda oss utav en stilmall kallad för reset.css. Med denna så tar vi bort alla förinställda designelement i webbläsaren. På så sätt kan vi jobba med en helt ren hemsida redan från start. Css koden för reset.css hittar du här.
Hur börjar jag?
Det första du skall göra är att du skapar en mapp på datorns skrivbord och döper den till exempelvis min "mall_for_hemsida". I mappen ska du skapa en till mapp som heter "css", I mappen "css" ska du lägga alla dina css filer. I varje kodexempel på denna hemsidan kommer du att se en rubrik för koden, I rubriken står det även vad filen borde heta, Som ett exempel den nedanför här. "Grunden för en hemsida (index.html):" Då ska filen heta index.html.
Hur kan jag kopiera koderna?
Du kopierar koderna genom att markera dom och trycker CTRL+C. Sedan väljer du en valfri editor, Exempelvis textdokument eller notepad++. När du kopierat in koden så sparar du dokumentet i den mapp du valt att ha din hemsida på.
Grunden för en hemsida (index.html):
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/stilmall.css" />
<link rel="stylesheet" type="text/css" href="css/reset.css"/>
<title>TITEL</title>
</head>
<body>Grundhemsida</body>
</html>
Vår stilmall (stilmall.css)
body
{
font-family: Verdana;
background-color: #000000;
}
.text
{
color: #ffffff;
}
Ser inget vidare ut
Som ni ser finns det inte så mycket i just stilmallen, Detta är på grund av att jag vill bara ha en grundkod att jobba med, Ni kan även se att exemplet inte har en titel eller något vidare innehåll. Här nedan har ni länkar som går till andra kodexempel som jag har lagt upp på prodome.n.nu. Följ dessa så har du en bra grund att stå på.
