Yshopnoosa.com

Hur man skriver HTML-webbsidor

Hur man skriver HTML-webbsidor

HTML eller HyperText Markup Language, är i grunden en uppsättning taggar som kommunicerar instruktioner till Internet webbläsare om hur du visar information på skärmen. När du förstår vad varje tagg är och vad den gör, skriva en webbsida är nästan lika lätt som att skriva en inköpslista.

Instruktioner

HTML 101

1 Öppna en ny fil i anteckningar och spara den på skrivbordet som "index.html." Hitta filen på skrivbordet. Dubbelklicka på den för att öppna den i webbläsaren. För nu, bör den visas som en tom sida. Som du gör och spara ändringarna i den märka arkivera, uppdatera den här sidan för att testa HTML och kontrollera dess utseende i din webbläsare.

2 Skapa följande uppsättning Taggar:< HTML >< / HTML >Dessa taggar berätta din webbläsare att allt som finns i dessa taggar är skriven i eller (vid CSS- eller javascript) är kompatibel med HTML.

3 Skapa din webbsida header. På raden under taggen < HTML >, anger du följande uppsättning Taggar: < HEAD >< / HEAD >

4Hur man skriver HTML-webbsidor

Ge din sida en titel. Mellan header taggarna, infoga följande: < TITLE > HTML-Test sida < / TITLE >. Spara ditt arbete och uppdatera sidan i din webbläsare. Sidan bör fortfarande vara tomma, men titeln bör nu visas i webbläsarens namnlist.

5 Skapa META-taggar på en ny rad under titeln:< META NAME = "Beskrivning" innehåll = "denna sida är utformad med hjälp av vanlig HTML" >< META NAME = "keywords" innehåll = "HTML, webbdesign, web page design" >

6 Skapa kroppen av din webbsida. Detta är den del som visas i webbläsare.På en ny rad under den < / HEAD > tag, ange följande Taggar: < BODY >< / BODY >

7Hur man skriver HTML-webbsidor

Skapa innehållet. Mellan < BODY > och < / BODY >-taggar, skriva informationen som visas på webbsidan. Den här övningen Skriv (eller kopiera och klistra in) följande:HTML är lättDenna sida är gjord med hjälp av enkla, grundläggande hypertext markup language. HTML används för att visa text i olika stilar och färger. Text kan vara fetstilt, understruken, kursiv eller överstruken. HTML kan också användas för att skapa länkar och lägga till bilder till en sida.

8Hur man skriver HTML-webbsidor

Skapa sidans bakgrund, text och länka färgattribut i < BODY >-taggen så här:< BODY bgcolor = "tan" text = "navy" länk = "blå" vlink = "midnatt" alink = "aqua" >Detta kommer att ge din sida ett tan bakgrunden med marinblå text. Hyperlänkade texten klarblå på första, kommer tur aqua när besökare klickar på den och slutligen bli midnatt blå för dem som redan besökt den länken.

9 Hitta rubriken "HTML är Easy." Lägg till följande Taggar för att centrera och betona rubriken:< center >< H1 > HTML är lätt < / H1 >< / center >

10 Använda stycket eller < P >-tagg, för att bryta den återstående texten i två stycken. Placera denna tagg framme av fodra, "denna sida görs med enkla, grundläggande hypertext markup language." Placera det igen framför raden, "HTML kan också användas för att skapa länkar och lägga till bilder till en sida."

11 Gäller på adekvat format för orden "fetstil", "understruken", "kursiv" och "överstruken." I HTML ut döma så här:Texten kan vara < B > fetstil < /B >, < U > understruken < /U >, < i > kursiv < /I > eller < STRIKE > korsade ut < / STRIKE >.

12 Leta upp frasen, "skapa länkar," i sista raden i texten. Förvandla detta till en hyperlänk till Googles startsida genom att infoga länk Taggar före och efter frasen, enligt följande:< en href = "skapa" > http://www.google.com "> Skapa länkar < /a >

13 Lägg till en Creative Commons licens foto på en ny linje och centrera den enligt följande:< P >< center >< IMG höjd = "160" border = "0" >Lägga till länk Taggar på vardera sidan av bildtaggen:< en href = "& lt; IMG" > http://www.flickr.com/photos/janelinton/122959202/ "> & lt; IMG höjd ="160"border ="0"alt ="Bild av I_Shutter på Flickr">< /a >Lägga till titeln inuti taggen länk:< en href = "http://www.flickr.com/photos/janelinton/122959202/" title = "Bild av I_Shutter på Flickr" >Grattis. Du har bara skrivit din första webbsida i HTML.

Tips & varningar

  • Huvudet är det avsnitt som innehåller instruktioner till webben om hur till uppvisning och katalogisera din sida. Det innehåller rubriken allmänt visas i webbläsarens namnlist som meta-taggar som Beskriv den sidans innehåll och nyckelord, som gör det enkelt för sökmotorer att lista din sida. I mer avancerade sidor är det också där CSS och javascript går. Om du vill anpassa någon header innehåll, helt enkelt ersätta den citerade texten med din egen titel och meta innehåll. Du kan länka till någon sida på nätet. Ersätta Google URL med URL, komplett med prefixet "http://", av den sida du vill länka till i stället. Observera att i IMG-taggen står ensam. Det finns inga < / IMG > avslutande tagg. Även om vi använde standard färgnamn i vår kropp attribut, kan HTML också läsa hexadecimala färgkoder, vilket gör att mer exakt färgmatchning. HEX koder finns i avsnittet egna färger i de flesta tänkbar program; eller du kan hitta online färg omvandlare, som Draac.com's färg-omvandlare som kan konvertera både engelska namnen och RGB-värden till HEX koden. Denna artikel är bara att komma igång. Lyckligtvis, det finns ingen brist på HTML tutorials på nätet. Kolla in referenslänkar att hitta tutorials på avancerad formatering tekniker och lära sig de stora funktionerna för HTML i webbdesign.
  • En saknas avslutande tagg, citattecken eller ens en enkel stavfel saknas kan bryta din webbsida, men oroa dig inte. Sådana misstag är lika lätt att hitta och åtgärda som de ska göra, tack vare validators som W3C Markup Validator. Dessa program kontrollera att koden är korrekt och kan lätt läsas och förstås av alla webbläsare.