TE - Webdesign

Introduktion till HTML

Här har vi tänkt att förklara grunderna till HTML, HTML är det man bör lära sig först om man ska göra hemsidor. HTML står för HyperText Markup Language. Först behöver du ett program att skriva din hemsida i t.ex. Dreamweaver eller Frontpage. Men om du nu inte har något sådant program går det lika bra med din vanliga texteditor. Det första man ska tänka på är att i olika webbläsare och i olika upplösningar ser hemsidan olika ut så du bör testa hemsidan med olika webbläsare t.ex. Firefox / Mozilla och Iexplorer. Tänk även på de med seg uppkoppling så undvik att använda enorma bilder. I Frontpage och Dreamweaver behöver du ju inte kunna kod för att göra en hemsida, men om man vill bli duktig är det viktigt att lära sig grunderna bakom allt.

Vi ska nu börja med grund taggarna inom HTML. Följande taggar ska alltid finnas med på varje sida.

<HTML> - html-taggen är taggen som talar om för webbläsaren att dokumentet innehåller html-kod.
<HEAD> - Här skrivs sådant som inte ska visas på hemsidan men ändå påverkar den.
<TITLE> - Här skriver du namnet på din hemsida, det här är namnet som kommer visas högst upp i webläsaren. Som på denna sida så står det TE – webdeisgn längst upp, <title> ska alltid placeras mellan <head> och </head>.
<BODY> - Det som skrivs mellan body taggarna är det som kommer att synas på din hemsida, text, bilder och sånt.
Såhär ser alltså din första kod ut till hemsidan, tänk på att spara sidan som index eller default med filnamnstillägget .htm eller .html . Du ska även undvika att använda åäö i dina filnamn och sökvägar

<html>
<head>
<title> Hemsidans namn</title>
</head>
<body>
Hej och välkomna till min sida
</body>
</html>

Kopiera denna kod och lägg in det i ett dokument och spara som .htm eller .html och nu kan du enkelt bara dubbelklicka för att kolla hur den ser ut i din webbläsare.
Nu kan du välja några av de andra för att ser hur du ska fortsätta på din sida