Grunnleggende HTML-guide for Dummies

Navigasjon:

Denne guiden består av følgende emner –


    For 20 år siden, selv om du bare er en hobbyblogger, måtte du kjenne til noe koding for å beskytte deg selv eller legge til en enkel funksjon på nettstedet ditt. Men nå er det så mange redaktører og plugins tilgjengelig at selv å vite det grunnleggende i HTML ikke lenger er nødvendig for å lage et nettsted eller drive en blogg.

    Problemet med dette er at hvis du ikke kjenner til noen få grunnleggende, kan du lett komme til å komme i reelle problemer i bloggen din og måtte ansette en kostbar utvikler for å fikse det som kan være et mindre problem. Ikke bare det, men å opprette endringer i bloggen din, for eksempel å legge til en tilpasset tekstwidget, krever litt kunnskap.

    Og hvis du opplever at innholdslayout ikke ser riktig ut, kan HTML-kunnskap få deg tilbake på sporet.

    Her er noen av våre versjoner av HTML-guide for bloggere og ikke-teknologiske bedriftseiere.

    HTML er ryggraden i dagens internett. Millioner av nettsteder dannet sammen internett. Hvor HTML er byggesteinen til alle disse nettstedene.

    Nybegynnerens spørsmål&EN

    1- Hva er HTML?

    HTML er forkortelsen av Hyper Text Markup Language. Det er standardspråket for tagging av innhold for nettlesere.

    HTML er representert med “Elements”. Elementer er også kjent som “Tags”.

    2- Hvorfor er HTML nødvendig?

    Nettlesere kan bare gjengi et nettsted når det er skrevet på deres støttede språk. HTML er det vanligste merkespråket og har den høyeste aksept for nettlesere.

    Derfor trenger du HTML.

    3- Er HTML store og små bokstaver?

    HTML er ikke store og små bokstaver. Men den beste fremgangsmåten er å skrive HTML med riktige saker.

    Trinn for å lage din første HTML-fil

    Du kan opprette en grunnleggende HTML-fil ved å bruke Notisblokken på datamaskinen. Men det vil være smertefullt å skrive mange linjer med koder.

    Du trenger en koderedigerer. En god koderedigerer vil gjøre det lettere å skrive og organisere store koder.

    Jeg bruker og anbefaler Notepad ++ (gratis og åpen kildekode) for å skrive webspråk. Det er andre redaktører du kan bruke som Sublime Text, Atom osv.

    Dette er hva du trenger å gjøre:

    1. Installer en koderedigerer
    2. Åpne den
    3. Lag en ny fil
    4. Lagre den som en .html-fil

    Du er klar til å dra!

    1 – Hei verden!

    Kopier og lim inn følgende kode i den nye HTML-filen og lagre den. Kjør den nå i nettleseren din.

    Kode:

    Min første webside

    Hei Verden!

    Produksjon:

    Gratulerer! Du har laget din aller første HTML-fil. Du trenger ikke å forstå det på dette tidspunktet. Vi vil dekke det om kort tid.

    Forstå HTML-struktur

    Hver HTML-fil har en felles naken struktur. Det er her alt starter. Og hver store side med koder kommer til denne strukturen etter trimming.

    Så la oss prøve å forstå det fra “Hello World!” kode. Følgende elementer er de obligatoriske delene for hver HTML-fil.

    • = Det er en erklæring til nettleseren at dette er en HTML-fil. Du må spesifisere det før taggen.
    • = Dette er rotelementet i en HTML-fil. Alt du skriver går mellom og .
    • = Dette er metainformasjonsdelen for en nettleser. Koder i denne taggen har ingen visuell utgang.
    • = Dette er den delen som en nettleser gjengir. Det du nøyaktig ser på et nettsted er gjengivelse av koder mellom og .

    2- HTML-tagger

    HTML er samarbeidet med hundrevis av forskjellige koder. Du må lære hvordan de fungerer. Du må også sørge for at de har brukt dem på riktig måte.

    HTML-koder har vanligvis en åpning og en lukkende kode. Åpningskoden har nøkkelordet omgitt av mindre enn (<) og en større enn (>) signere. Den avsluttende koden har alt det samme, men en ekstra skråstrek (/) etter mindre enn (<) signere.

    (2a) Hodemerker

    Alle hodemerker går mellom og. De inneholder metainformasjon for nettleser og søkemotorer. De har i utgangspunktet ingen visuell utgang.

    Tittelkode definerer tittelen på en webside som er synlig på nettleserfanen. Denne informasjonen brukes av nettprogrammer og søkemotorer. Du kan ha høyest én tittel per HTML-fil.

    Kode:

    Min første websideTittelkoden vises øverst i nettleseren din.

    Link tag kobler HTML-siden din med eksterne ressurser. Den viktigste bruken er å koble HTML-side til CSS-stilark. Det er en selvlukkende kode og trenger ikke slutten. Her står rel for forhold til filen og src betyr kilden.

    Kode:

    Meta er en annen selvlukkende tagg som gir metainformasjon av en html-fil. Søkemotorer og andre webtjenester bruker denne informasjonen. Metakoder er et must hvis du vil optimalisere siden din for søkemotorer.

    Kode:

    Skriptkoden brukes til å inkludere et skript på serversiden eller lage en kobling til en ekstern skriptfil. Den kan ha to attributter i åpningskoden. Den ene er typen, og den andre er kilden (src).

    Kode:

    Noscript-kode fungerer når skript er deaktivert i en nettleser. Det gjør en side kompatibel med dem som ikke tillater skript i nettleserne.

    Kode:

    Akk! Skript er deaktivert.

    (2b) Body tags

    Alle kroppsmerker går mellom og. De har visuelle utganger. Det er her det mest arbeidet blir gjort. Du må bruke disse kodene for å strukturere innholdet på hovedsiden.

    til

    Dette er overskriften tagger. Den viktigste overskriften er merket med

    og det minst viktige med

    . Du bør bruke dem i riktig hierarki.

    Kode:

    Dette er en h1-overskrift

    Dette er en h2-overskrift

    Dette er en h3-overskrift

    Dette er en h4-overskrift

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

    Produksjon:

    Formaterer tagger

    Tekst i en html-fil kan formateres ved hjelp av mange formateringskoder. Det vil være nødvendig når du vil fremheve et ord eller en linje fra innholdet.

    Kode:

    Du kan fremheve teksten på mange måter.

    Du kan modig, understreking, kursiv, merke, abonnement, påskrift og mer!

    Produksjon:

    Du kan avvike noen koder fra å rende ved hjelp av kommentarfeltet. Koden vises i kildekoden, men blir ikke gitt. Den viktigste bruken av denne taggen er for å lage dokumentasjon av html-filer for fremtidig referanse.

    Eksempel:

    Jeffrey Wilson Administrator

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