I den här artikeln visar jag hur du gör en väldigt enkel webbsida i (X)HTML.
En webbsidas viktigaste beståndsdelar
Varje HTML-sida innehåller följande nödvändiga taggar för att informationen som du lägger in ska kunna visas på ett tillfredsställande sätt:
<html>
Öppningstagg som talar om att innehållet ska tolkas som HTML.
<head>
Öppningstagg för head-informationen som senare kommer att innehålla titel, sökord och beskrivning.
</head>
Stängningstagg för head. Data som skrivs in efter denna tagg kommer inte att tillhöra head-taggen.
<body>
Öppningstagg för body som innehåller alla taggar som har att göra med informationen som kommer att synas i webbläsaren.
</body>
Stängningstagg för body.
</html>
Stängningstagg för html som avslutar koden på webbsidan.
Prova själv
Öppna "anteckningar" i Windows och skriv in alla dessa taggar i en ny textfil:
<html>
<head></head>
<body></body>
</html>
Skriv in "Hello World!" mellan <body> och </body>-taggarna så att det ser ut såhär:
<body>Hello world!</body>
Spara sidan med filändelsen ".html". Tillåtna bokstäver är a-z och siffror. Använd "-" för att representera mellanslag. Gör det till en vana att alltid använda små bokstäver när du döper dina filer så slipper du eventuella serverproblem som kan uppstå om servern tolkar stora och små bokstäver likadant. En bonus är att du också får bättre ordning om du gör så. Om du namnger filerna så här så ger du även sidan bäst chanser ur sökmotorperspektiv (även om just filnamnet faktiskt spelar in väldigt lite).
Öppna filen som du har sparat, genom att dubbelklicka på den i Utforskaren eller motsvarande för MAC så bör den öppnas i din webbläsare.
Sen då?
I fortsättningen kommer du att lägga in mer information i dessa "grundtaggar" så att sidan blir bättre strukturerad med stycken, rubriker och allt annat som hör till. Det är förvånansvärt lite XHTML som du behöver använda dig av och det mesta av jobbet går förutom själva skrivandet åt till att sätta upp regler i CSS som bestämmer hur webbsidorna på din webbplats ska se ut.
HTML-editor
Se till att du använder program som underlättar ditt arbete. En gratis HTML-editor är det minsta jag kan rekommendera men Dreamweaver är att föredra.
