Dela via

Grunderna i HTML

De flesta webbläsare har möjlighet att undersöka HTML-källan för de sidor som du bläddrar i. När du visar källan visas ett antal HTML-taggar (Hypertext-markeringsspråk), omgivna av vinkelparenteser(<>), varvat med text.

Stegen nedan använder HTML-taggar för att skapa en enkel webbsida. I de här stegen skriver du oformaterad text i en fil i Anteckningar, gör några ändringar, sparar filen och läser in sidan igen i webbläsaren för att se ändringarna.

Skapa en HTML-fil

  1. Öppna Anteckningar eller valfri redigeringsprogram för oformaterad text.

  2. På menyn Arkiv väljer du Nytt.

  3. Skriv följande rader:

    <HTML>
<HEAD>
<TITLE>Top HTML Tags</TITLE>
</HEAD>
</HTML>

  4. På Arkiv-menyn väljer du Spara och sparar filen som c:\webpages\First.htm. Lämna filen öppen i redigeraren.

  5. Växla till webbläsaren och välj Öppna på Arkiv-menyn eller skriv file://C:/webpages/first.htm i webbläsarens URL-redigeringsruta. Du bör se en tom sida med fönsterrubriken "Främsta HTML-taggar".

    Observera att taggarna är i par och är omslutna av vinkelparenteser. Taggar är inte skiftlägeskänsliga, men versaler används ofta för att få taggar att sticka ut.

    Taggen <HTML> startar dokumentet och taggen </HTML> avslutar det. Sluttaggar (krävs inte alltid) är samma som starttaggen, men har ett snedstreck (/) framför taggen. Det får inte finnas några blanksteg mellan vinkelparentesen (<) och början av taggen.

  6. Växla tillbaka till Anteckningar och efter <raden /HEAD> skriver du:

    <BODY>
    HTML is swell.
    Life is good.
</BODY>

  7. På menyn Arkiv väljer du Spara.

  8. Växla tillbaka till webbläsaren och uppdatera sidan.

    Orden visas i klientområdet i webbläsarens fönster. Observera att vagnreturen ignoreras. Om du vill ha en radbrytning måste du inkludera en <BR> tagg efter den första raden.

    För alla steg som följer infogar du texten var som helst mellan <BODY> och </BODY> för att lägga till i brödtexten i dokumentet.

  9. Lägg till en rubrik:

    <H3>Here's the big picture</H3>

  10. Lägg till en bild med hjälp av en .gif fil som sparats i samma katalog som din sida:

    <IMG src="yourfile.gif">

  11. Lägg till en lista:

    <UL>Make me an unordered list.
<LI>One programmer</LI>
<LI>Ten SDKs</LI>
<LI>Great Internet Apps</LI>
</UL>

  12. För att i stället numrera listan, använder du parkopplade <OL> och </OL>-taggar i stället för UL< och >/UL<-taggar.

Det borde få dig att komma igång. Om du ser en bra funktion på en webbsida kan du ta reda på hur den skapades genom att undersöka HTML-källan. HTML-redigerare som Microsoft Front Page kan användas för att skapa både enkla och avancerade sidor.

Här är hela HTML-källan för filen som du har skapat:

<HTML>
<HEAD>
<TITLE>Top HTML Tags</TITLE>
</HEAD>
<BODY>
HTML is swell.<BR>
Life is good.
<H3>Here's the big picture</H3>
<IMG src="yourfile.gif">
<UL>Make me an unordered list.
<LI>One programmer</LI>
<LI>Ten SDKs</LI>
<LI>Great Internet Apps</LI>
</UL>
</BODY>
</HTML>

En fullständig beskrivning av taggar, attribut och tillägg finns i HTML-specifikationen (Hypertext Markup Language):

Senaste publicerade versionen av HTML på W3C.org.

Se även

Grunderna i MFC Internet Programming

  • Last updated on