Hur man gör en statisk webbsida

click fraud protection
...

Internet: det är platsen att vara på.

Om en uppfinning helt har förändrat världen under vår livstid så är det Internet. Fler och fler människor vill ha en närvaro på webben utöver den som erbjuds av sociala nätverk: de vill ha ett webbutrymme att kalla sitt eget. Stora webbplatser blir allt mer komplexa och använder skrämmande jargong för nybörjare som Flash, CSS, perl och JavaScript, men var inte rädd. Fyra enkla bokstäver kan låta vem som helst få en webbnärvaro på nolltid: HTML. Bokstäverna står för hypertext markup language, ett programmeringsspråk som använder en serie taggar för att skapa en statisk webbsida. Ju fler taggar du känner till, desto mer kan du göra med en statisk webbsida.

Steg 1

Skapa grundskelettet för en statisk webbsida genom att kopiera följande kod till en enkel textredigerare, som Anteckningar:

Dagens video

Spara sedan filen som index.html (standardhuvudsidans namn) och öppna den i din webbläsare. Du bör inte se något eftersom du skapade en tom webbsida.

Alla dessa taggar har en betydelse. Taggen talar om för webbläsaren att en webbsida kommer upp. är dit all möjlig information kan gå för sökmotorer. betyder att delen som folk kommer att se är på väg att börja.

Steg 2

Tänk på HTML som två huvudtyper av taggar (kodbitar inom parentes). En säger åt webbläsaren att börja göra något, och en annan säger åt den att sluta.

Gör den här texten fet

Allt efter -- öppningstaggen -- kommer att vara fetstil tills den når -- den avslutande taggen. "/" talar om för webbläsaren att stoppa.

Steg 3

Lägg till text på din webbsida. Skriv "Detta är min webbsida" i brödtexten på webbsidan, mellan och. Spara sidan och titta på den i webbläsaren. Resultatet är fint men inte alltför spännande. Prova några andra taggar för att piffa upp det. Gör till exempel texten fet; gör text kursiverad; låter dig ändra storleken på teckensnittet, från 1 (minst) till 6 (störst); gör text röd (eller någon annan färg du anger);

centrerar text (eller en bild) på sidan.

Prova att använda flera av dessa taggar på samma textblock. Du kan göra vilken kombination du vill.

Du kan också lägga till mellanrum mellan elementen på din sida genom att sätta följande mellan dem:

för en styckebrytning;
för en radbrytning;


för att skapa en brytning med en linje över webbsidan.

Steg 4

Lägg till bilder på din sida. Gör detta genom att använda taggen , och ersätt webbadressen i det exemplet med platsen för bilden du vill använda. Detta är en av få taggar som inte har en sluttagg. Bilder kan också centreras, precis som text.

Steg 5

Skapa en länk till en annan webbplats. Detta görs med taggen Klicka här. Den koden gör orden "Klicka här" till länken till en annan webbplats. Istället för text kan du använda en bild som länk genom att använda koden .

Dricks

Genom att använda dessa HTML-koder tillsammans kan du skapa statiska webbsidor av vilken komplexitet du vill.

Tänk på HTML-taggar som lådor i lådor, eller de där ryska dockorna. Detta kallas kapsling, och det håller allt snyggt och lätt att läsa. Till exempel text placerad mellan

och
kommer att vara fetstil, kursiv och centrerad. De
lådan är inuti låda, som är inuti låda.