Grundläggande HTML-guide för dummies

Navigering:

Den här guiden består av följande ämnen –


    För 20 år sedan, även om du bara är en hobbyblogger, var du tvungen att känna till någon webbkodning för att skydda dig själv eller för att lägga till en enkel funktion på din webbplats. Men nu finns det så många redigerare och plugins att till och med att känna till grunderna i HTML inte längre krävs för att skapa en webbplats eller driva en blogg.

    Problemet med detta är att om du inte känner till några grunder kan du enkelt komma till verkliga problem i din blogg och behöva anställa en dyr utvecklare för att fixa det som kan vara ett mindre problem. Inte bara det, utan att skapa förändringar på din blogg som att lägga till en anpassad textwidget kräver lite kunskap.

    Och om du upplever innehållslayout ser inte bra ut kan HTML-kunskap få dig tillbaka på rätt spår.

    Här är några av våra versioner av HTML-guide för bloggare och icke-tekniska företagare online.

    HTML är ryggraden i dagens internet. Miljontals webbplatser bildade tillsammans internet. Där HTML är byggstenen för alla dessa webbplatser.

    Nybörjars Q&EN

    1- Vad är HTML?

    HTML är förkortningen för HYper Text Markup Language. Det är standardspråket för att märka innehåll för webbläsare.

    HTML representeras av “Elements”. Element kallas också “Taggar”.

    2- Varför behövs HTML?

    Webbläsare kan bara återge en webbplats när den är skriven på deras språk som stöds. HTML är det vanligaste markeringsspråket och har den högsta acceptansen för webbläsare.

    Det är därför du behöver HTML.

    3- Är HTML skiftlägeskänslig?

    HTML är inte skiftlägeskänsligt. Men den bästa praxis är att skriva HTML med rätt fall.

    Steg för att skapa din första HTML-fil

    Du kan skapa en grundläggande HTML-fil med anteckningsblocken på din dator. Men det kommer att vara smärtsamt att skriva många koderader.

    Du behöver en kodredigerare. En bra kodredigerare gör det lättare att skriva och organisera stora koder.

    Jag använder och rekommenderar Notepad ++ (gratis och öppen källkod) för att skriva webbspråk. Det finns andra redaktörer du kan använda som Sublime Text, Atom etc.

    Här är vad du behöver göra:

    1. Installera en kodredigerare
    2. Öppna den
    3. Skapa en ny fil
    4. Spara den som en .html-fil

    Du är redo att gå!

    1- Hej världen!

    Kopiera och klistra in följande kod i din nya HTML-fil och spara den. Kör det nu i din webbläsare.

    Koda:

    Min första webbsida

    Hej världen!

    Produktion:

    grattis! Du har skapat din allra första HTML-fil. Du behöver inte förstå det just nu. Vi kommer att täcka det inom kort.

    Förstå HTML-struktur

    Varje HTML-fil har en gemensam naken struktur. Det är här allt börjar. Och varje stor sida med koder kommer till denna struktur efter att ha trimmat ner.

    Så låt oss försöka förstå det från “Hello World!” koda. Följande element är de obligatoriska delarna för varje HTML-fil.

    • = Det är en förklaring till webbläsaren att detta är en HTML-fil. Du måste ange det innan taggen.
    • = Detta är rotelementet i en HTML-fil. Allt du skriver går mellan och .
    • = Detta är metainformationsdelen för en webbläsare. Koder i den här taggen har ingen visuell utgång.
    • = Detta är den del som en webbläsare ger. Det du exakt ser på en webbplats är rendering av koder mellan och .

    2- HTML-taggar

    HTML är ett samarbete mellan hundratals olika taggar. Du måste lära dig hur de fungerar. Du måste också se till att de har använt dem på rätt sätt.

    HTML-taggar har vanligtvis en öppning och en stängningskod. Den öppnande taggen har nyckelordet omgiven av en mindre än (<) och en större än (>) skylt. Den avslutande taggen har allt samma sak än en extra framåt snedstreck (/) efter mindre än (<) skylt.

    (2a) Huvudetiketter

    Alla huvudtaggar går mellan och. De innehåller metainformation för webbläsare och sökmotorer. De har i princip ingen visuell utgång.

    Titeltagg definierar titeln på en webbsida som är synlig på webbläsarfliken. Denna information används av webbprogram och sökmotorer. Du kan ha högst en titel per HTML-fil.

    Koda:

    Min första webbsidaTiteltaggen visas högst upp i din webbläsare.

    Länktagg länkar din HTML-sida med externa resurser. Den huvudsakliga användningen är att länka HTML-sida med CSS-formatmallar. Det är en självstängande tagg och behöver inte slutet. Här står rel för relationen till filen och src betyder källan.

    Koda:

    Meta är en annan självstängande tagg som ger metainformation om en html-fil. Sökmotorer och andra webbtjänster använder denna information. Metataggar är ett måste om du vill optimera din sida för sökmotorer.

    Koda:

    Skriptetiketten används för att inkludera ett skript på serversidan eller skapa en länk till en extern skriptfil. Det kan ha två attribut i öppningstaggen. En är typen och en annan är källan (src).

    Koda:

    Noscript-taggen fungerar när skript är inaktiverade i en webbläsare. Det gör en sida kompatibel med dem som inte tillåter skript i sina webbläsare.

    Koda:

    Ack! Skript är inaktiverade.

    (2b) Body Taggar

    Alla kropps taggar går mellan och. De har visuella utgångar. Det är här som mest arbete görs. Du måste använda dessa taggar för att strukturera ditt huvudsidainnehåll.

    till

    Dessa är rubriktaggarna. Den viktigaste rubriken är taggad med

    och det minst viktiga med

    . Du bör använda dem i rätt hierarki.

    Koda:

    Detta är en h1-rubrik

    Detta är en h2-rubrik

    Detta är en h3-rubrik

    Detta är en h4-rubrik

    Detta är en h5-rubrik
    Detta är en h6-rubrik

    Produktion:

    Formatera taggar

    Text i en html-fil kan formateras med många formateringstaggar. Det är nödvändigt när du vill markera ett ord eller en rad från ditt innehåll.

    Koda:

    Du kan markera din text på många sätt.

    Du kan djärv, Understrykning, kursiv, markering, prenumeration, superskript och mer!

    Produktion:

    Du kan avvika några koder från att rena med kommentar taggen. Koden visas i källkoden men kommer inte att ges. Den huvudsakliga användningen av denna tagg är för att skapa dokumentation av html-filer för framtida referens.

    Exempel:

    Jeffrey Wilson Administrator

    Sorry! The Author has not filled his profile.
    follow me