gushelom.ru

Så här skapar du en enkel webbsida med HTML

Även om det är möjligt att skapa en webbsida utan att känna till HTML, om du gjorde det skulle du möta oundvikliga problem, oavsett vilken redaktör du ska använda. Det finns många webbplatser där du kan lära dig HTML, men den här artikeln visar dig grunderna för att skapa en webbplats i det formatet. Tack vare dessa grunder kommer du snart att kunna skapa en webbsida från början!

Använd HTML

Bildnamn Skapa en enkel webbsida med HTML-steg 1
1
Försök att förstå vad det är. HTML är det programmeringsspråk som skapar webbsidor. För att se vad det är, öppna Internet Explorer och högerklicka på en sida, sedan "HTML". Du kommer att se en sida med HTML-kod. Den koden är vad din webbläsare behöver för att visa webbsidan.
  • I Internet Explorer är menyalternativet Visa "härkomst". på Firefox, tryck Ctrl + U för att visa källkoden på en sida. på Safari, välj Visa - Visa källa (eller Alternativ + Kommando + U).
  • Bildnamn Skapa en enkel webbsida med HTML-steg 2
    2
    Gör din första webbsida så enkelt som möjligt. Om du inte gör det kommer du förmodligen att bli överväldigad av syntaxen och skriptspråket.
  • Det är viktigt att komma ihåg att du ska skriva sidinformationen mellan två HTML-taggar. En öppnings tagg ser så här ut: <___> . En förslutning har denna aspekt :. I stället för ____ måste du skriva en kod.
  • Bildnamn Skapa en enkel webbsida med HTML-steg 3
    3
    Gå till Start och sedan vidare "program" och "tillbehör". Klicka på "Anteckningar".
  • Bildnamn Skapa en enkel webbsida med HTML-steg 4
    4
    Berätta för webbläsaren vilket språk du ska använda. skriva . Det är den första taggen du skriver som informerar datorn som börjar en webbsida. Det blir den sista taggen stängd, så i slutet av dokumentet stänger du det genom att skriva: . Detta kommer att avsluta webbsidan.
  • Bildnamn Skapa en enkel webbsida med HTML steg 5
    5
    Lägg till sidans huvud som visas.
  • Bildnamn Skapa en enkel webbsida med HTML steg 6
    6
    Ge din sida en titel. En titel är viktig eftersom den ger användarna en uppfattning om innehållet på sidan. När du också sätter in din sida i dina favoriter visas titeln i favoritlistan. Titeln taggen i HTML är . Stäng det i slutet av titeln genom att skriva .
  • Bildnamn Skapa en enkel webbsida med HTML-steg 7
    7
    Arbeta på kroppen (kropp) på sidan. skriva för att öppna korgstaggen. Stäng det genom att skriva . Huvuddelen av informationen för din webbsida ska bifogas de två kroppstaggarna.
  • För att ge din webbsida en bakgrundsfärg kan du lägga till en stil i kroppen. skriva . Du kan prova olika färger eller en hexadecimal kod. Ord i citattecken är kända som attribut. De måste alltid bifogas citattecken!
  • Bildnamn Skapa en enkel webbsida med HTML-steg 8
    8
    Skriv text mellan kroppstaggarna.
  • Om du vill infoga ett textintex (t.ex. tryck på Enter på tangentbordet), skriv
    .
  • Vill du lägga till en "tält", eller ord som rör sig på skärmen? Ange HÄR TEXTEN.
  • Bildnamn Skapa en enkel webbsida med HTML-steg 9
    9
    Lägg till bilder. Om du vill lägga till bilder från Internet är HTML för bilder. Img-taggen behöver inte en stängningskod, men för fullständighet kan du infoga en "/" före den sista ">".
  • Bildnamn Skapa en enkel webbsida med HTML-steg 10
    10
    Se till att alla taggar är stängda. Din webbsida ska se så här ut:




    Min webbsida

    Jag älskar wikiHow eftersom
    Det är den bästa webbplatsen i världen!
    http://gushelom.ru/skins/common/images/wikiHow_logo_5.jpg">



  • Bildnamn Skapa en enkel webbsida med HTML-steg 11
    11
    Spara ditt arbete. Fortsätt "Spara som", ange filnamnet med tillägget .html och välj alla filer eller text som filtyp. Det fungerar inte om du inte gör båda dessa steg. Öppna sidan du just sparade och din standardwebbläsare ska öppnas och visa din första webbsida.
  • tips

    • När du öppnar en tagg bör du stänga den om det inte är en av specialkoderna som inte kräver en stängningskod, t.ex. eller. När du är i tvivel, stäng alltid den.
    • Här är ett exempel på felaktig placering av taggar: innehåll
    • För att bygga mer komplexa webbplatser kan du använda en redigerare som Microsoft Expression Web eller Adobe Dreamweaver.
    • Om webbsidan du skrev inte fungerar kopierar du och klistrar in koden som anges i den här artikeln, och jämför den med din för att hitta några fel.
    • Om du vill ändra koden, byt namn på filen du skapade som .txt och öppna den med en textredigerare.
    • Många kan hitta arbete tack vare deras webbdesign färdigheter. Du kan också göra det!
    • Du kan hitta många handledningar på nätverket som lär dig hur du gör webbsidor. Bara en enkel Google-sökning kommer att räcka till.

    varningar

    • Var noga med att värd de bilder du placerar på dina sidor i den första personen, för att inte utnyttja ägarens bandbredd. Du kan vara värd för bilder på tjänster som Photobucket, Flickr eller Imageshack.
    • Taggen Det är inte en officiell HTML-tagg som erkänns av W3C (World Wide Web Consortium), och kanske inte fungerar på alla webbläsare. Den här taggen skapades för Internet Explorer och inte alla andra webbläsare stöder den.
    • attributet "bgcolor" den är föråldrad. Det rätta sättet att ändra bakgrundsfärgen på ett element är att använda CSS-språket.

    Saker du behöver

    • En textredigerare som anteckningsblock (Windows) eller Textedit (Mac).
    • En webbläsare gillar Mozilla Firefox eller Safari.
    • Dator med internetanslutning.
    • Filhanteringsprogram som Windows Explorer (tillval)
    • Image hosting service som Photobucket eller Flickr.
    Dela på sociala nätverk:

    Relaterade
    Så här centrerar du text i HTMLSå här centrerar du text i HTML
    Hur konverterar man ett Word-dokument till HTMLHur konverterar man ett Word-dokument till HTML
    Hur man skapar HTML-formulärHur man skapar HTML-formulär
    Så här skapar du en hyperlänk i HTMLSå här skapar du en hyperlänk i HTML
    Så här skapar du en intern länk till en webbsidaSå här skapar du en intern länk till en webbsida
    Så här skapar du en HTML-blankett som kan skickas till en e-postadressSå här skapar du en HTML-blankett som kan skickas till en e-postadress
    Så här lägger du till en jаvascript på din webbplats Använd HTML-kodenSå här lägger du till en jаvascript på din webbplats Använd HTML-koden
    Så här lägger du till en länk till en bildSå här lägger du till en länk till en bild
    Hur man skapar en knapp i HTML relaterad till en hyperlänkHur man skapar en knapp i HTML relaterad till en hyperlänk
    Så här skapar du en expanderande lista i HTML utan JavaSå här skapar du en expanderande lista i HTML utan Java
    » » Så här skapar du en enkel webbsida med HTML

    © 2011—2021 gushelom.ru