Navigation:

Denne vejledning består af følgende emner –


    For 20 år siden, selvom du bare er en hobbyblogger, var du nødt til at kende noget webkodning for at beskytte dig selv eller for at tilføje en simpel funktion til dit websted. Men nu er der så mange redaktører og plugins tilgængelige, at selv det at kende det grundlæggende i HTML ikke længere er nødvendigt at oprette et websted eller køre en blog.

    Problemet med dette er, at hvis du ikke kender et par grundlæggende, kan du nemt komme i reelle problemer i din blog og skulle ansætte en dyr udvikler for at løse det, der kan være et mindre problem. Ikke kun det, men at oprette ændringer til din blog, såsom at tilføje en brugerdefineret tekstwidget kræver lidt viden.

    Og hvis du oplever, at indholdslayout ikke ser rigtigt ud, kan HTML-viden få dig tilbage på sporet.

    Her er nogle af vores versioner af HTML-guide til bloggere og ikke-techie online-virksomhedsejere.

    HTML er rygraden i dagens internet. Millioner af websteder dannede sammen internettet. Hvor HTML er byggestenen til alle disse websteder.

    Begynders spørgsmål&EN

    1- Hvad er HTML?

    HTML er en forkortelse af Hyper Text Markup Language. Det er standardsproget for kodning af indhold til webbrowsere.

    HTML er repræsenteret af “Elements”. Elementer er også kendt som “tags”.

    2- Hvorfor er HTML nødvendigt?

    Webbrowsere kan kun gengive et websted, når det er skrevet på deres understøttede sprog. HTML er det mest almindelige markeringssprog og har den højeste accept for webbrowsere.

    Derfor har du brug for HTML.

    3 – Er HTML store og små bogstaver?

    HTML er ikke store og små bogstaver. Men den bedste praksis er at skrive HTML med rigtige tilfælde.

    Trin til oprettelse af din første HTML-fil

    Du kan oprette en grundlæggende HTML-fil ved hjælp af Notepad på din computer. Men det vil være smertefuldt at skrive mange linjer med koder.

    Du har brug for en kodeditor. En god kodeditor vil gøre det lettere at skrive og organisere store koder.

    Jeg bruger og anbefaler Notepad ++ (gratis og open source) til at skrive websprog. Der er andre redaktører, du kan bruge som Sublime Text, Atom osv.

    Dette er, hvad du skal gøre:

    1. Installer en kodeditor
    2. Åbn det
    3. Opret en ny fil
    4. Gem det som en .html-fil

    Du er klar til at gå!

    1- Hej Verden!

    Kopier og indsæt følgende kode i din nye HTML-fil, og gem den. Kør det nu på din webbrowser.

    Kode:

    Min første webside

    Hej Verden!

    Produktion:

    Tillykke! Du har oprettet din allerførste HTML-fil. Du behøver ikke at forstå det på dette tidspunkt. Vi vil dække det snart.

    Forståelse af HTML-struktur

    Hver HTML-fil har en fælles nøgen struktur. Det er her alt begynder. Og hver store side med koder kommer til denne struktur efter beskæring.

    Så lad os prøve at forstå det fra “Hello World!” kode. Følgende elementer er de obligatoriske dele for hver HTML-fil.

    • = Det er en erklæring til browseren, at dette er en HTML-fil. Du skal specificere det inden tagget.
    • = Dette er rodelementet i en HTML-fil. Alt, hvad du skriver, går mellem og .
    • = Dette er metainformationsdelen for en browser. Koder inde i dette tag har ingen visuel output.
    • = Dette er den del, som en webbrowser gengiver. Hvad du nøjagtigt ser på et websted er gengivelse af koder mellem og .

    2- HTML-tags

    HTML er et samarbejde mellem hundreder af forskellige tags. Du er nødt til at lære, hvordan de fungerer. Du skal også sørge for, at de har brugt dem på den rigtige måde.

    HTML-tags har normalt en åbning og et lukningskode. Åbningskoden har nøgleordet omgivet af en mindre end (<) og en større end (>) skilt. Det afsluttende tag har alt det samme, men en ekstra fremad skråstreg (/) efter mindre end (<) skilt.

    (2a) Hovedmærker

    Alle hovedmærker går mellem og. De indeholder meta-oplysninger til webbrowser og søgemaskiner. De har dybest set ingen visuel output.

    Titeltag definerer titlen på en webside, der er synlig på browserfanen. Denne information bruges af webprogrammer og søgemaskiner. Du kan have den højeste en titel pr. HTML-fil.

    Kode:

    Min første websideTiteltag vises øverst på din browser.

    Link-tag forbinder din HTML-side med eksterne ressourcer. Dets vigtigste anvendelse er at linke HTML-side med CSS-stilark. Det er et selvlukkende tag og behøver ikke afslutningen. Her står rel for forhold til filen, og src betyder kilden.

    Kode:

    Meta er et andet selvlukkende tag, der giver meta-oplysninger om en html-fil. Søgemaskiner og andre webtjenester bruger disse oplysninger. Metakoder er et must, hvis du vil optimere din side til søgemaskiner.

    Kode:

    Skriptmærket bruges til at inkludere et script på serversiden eller oprette et link til en ekstern scriptfil. Det kan have to attributter i åbningskoden. Den ene er typen og den anden er kilden (src).

    Kode:

    Noscript-tag fungerer, når scripts er deaktiveret i en webbrowser. Det gør en side kompatibel med dem, der ikke tillader scripts i deres webbrowsere.

    Kode:

    Ak! Scripts er deaktiveret.

    (2b) Body tags

    Alle karosserimærker går mellem og. De har visuelle output. Det er her det mest arbejde udføres. Du skal bruge disse tags til at strukturere dit indhold på hovedsiden.

    til

    Dette er overskriften tags. Den vigtigste overskrift er mærket med

    og det mindst vigtige med

    . Du skal bruge dem i det rigtige hierarki.

    Kode:

    Dette er en h1-overskrift

    Dette er en h2-overskrift

    Dette er en h3-overskrift

    Dette er en h4-kurs

    Dette er en h5-kurs
    Dette er en h6-kurs

    Produktion:

    Formatering af tags

    Tekst i en html-fil kan formateres ved hjælp af mange formateringskoder. Det er nødvendigt, når du vil fremhæve et ord eller en linje fra dit indhold.

    Kode:

    Du kan fremhæve din tekst på mange måder.

    Du kan fremhævet, understrege, kursiv, mark, subscript, superscript og mere!

    Produktion:

    Du kan afvige nogle koder fra at rende ved hjælp af kommentar tagget. Koden vises i kildekoden, men gengives ikke. Den vigtigste anvendelse af dette tag er til at oprette dokumentation af html-filer til fremtidig reference.

    Eksempel:

    Jeffrey Wilson Administrator

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