Annonse

html-koderWorld Wide Web kjenner mange språk og er kodet på flere forskjellige. Det ene språket som imidlertid finnes overalt og har eksistert siden oppfinnelsen av websider, er HyperText Markup Language, bedre kjent som HTML. Som navnet tilsier er HTML ikke et programmeringsprogram, men et markeringsspråk. Merkingene tolkes av nettlesere for å visualisere innhold på nettsteder. I sin mest enkle form brukes HTML til å formatere tekst, legge inn mediefiler og organisere innhold på en webside. Med andre ord, HTML beskriver nettsider og basert på denne beskrivelsen lager nettleseren et ‘bilde’.

Takket være gratis nettstedbyggere trenger ingen egentlig å rote med koding av HTML lenger. Noen ganger kan imidlertid HTML-koder komme til nytte, for eksempel for å gjøre raske endringer på et nettsted, legge til hypertekst i en kommentar eller formatere tekst for et foruminnlegg. I denne artikkelen vil jeg vise deg noen få, muligens tilfeldige, men definitivt nyttige og enkle koder til daglig bruk.

Før vi begynner, la meg introdusere deg for noen grunnleggende regler som forhåpentligvis vil gjøre HTML-koder enklere å forstå:

instagram viewer

  • HTML bruker merkingskoder, som er lukket i vinkelfeste, som dette:
  • Tagger som ser ut som den i eksemplet ovenfor, kalles starttagger. Hver startkode må følges av en sluttkode på et tidspunkt, for eksempel dette:
  • Noen tagger beskriver ikke innhold. For å være i samsvar med gjeldende standarder, må de likevel være slutt. Følgelig forener de start- og slutttaggen, slik som denne:

Formaterer tekst

HTML-tagger er vanligvis enkle. Taggene for å gjøre tekst fet, kursiv eller understreket stammer fra det respektive ordet.

inngang:dristig
Utgang: fet

inngang:kursiv
Produksjon:kursiv

inngang:understreket
Produksjon:understreket

inngang:slå gjennom tekst
Produksjon:slå gjennom tekst

Opprette hypertekst

Vanlige URL-er kan se ganske stygge ut. Å legge hyperkoblingen til en tekst, dvs. lage en hypertekst, er mye mer stilig og vil spare plass, spesielt hvis koblingen er veldig lang.

inngang:Benytte seg av
Produksjon:Benytte seg av

Som du kan se, er denne HTML-koden litt mer komplisert, så la oss se på det i detalj. Selve taggen er og tilleggselementene er attributter som spesifiserer ytterligere egenskaper. Attributtet href = spesifiserer lenken og title = definerer verktøytips for musoverføring. Sørg for å bruke anførselstegn for å legge ved lenken og tittelen, ellers kan du ende opp med en ødelagt lenke.

Legge ned bilder

Et bilde kan si mer enn tusen ord. Vi burde bruke dem oftere. Og det er slik du kan sette inn en manuelt ved hjelp av HTML:

inngang:“Smiley”
Produksjon:html-koder

La oss også analysere denne taggen. Igjen er selve taggen og de nødvendige attributtene er src = og alt =. Førstnevnte peker på plasseringen av bildet, dvs. URL-en, og sistnevnte gir en alternativ tekst, som vises i tilfelle visningen av bilder blir blokkert eller koblingen blir brutt. Igjen, bruk anførselstegn for å unngå ødelagte koblinger.

De tag er også et eksempel på en tag som ikke trenger å bli "avsluttet" og lukkes derfor med den fremre streken i den første koden, dvs. heller enn .

Pauser og avsnitt

For å lage en strukturert tekst, må du bruke linjeskift og avsnitt. Og dette er kodene du trenger å vite:

inngang:

Produksjon: Denne taggen lager en linjeskift. Merk at dette er en annen tagg som forener start- og sluttmerke i en.

inngang:

Tekst inne i avsnittet.


Produksjon: I motsetning til den forrige taggen, har paragrafkoden et standard start- og sluttmerke. Teksten mellom de to kodene er pakket inn i et avsnitt, noe som betyr at det er en tom linje før og etter.

lister

Det er i hovedsak to typer lister: bestilte og uordnede lister, bedre kjent som nummererte og punktlistede lister. For å lage en av dem, må du kjenne til to forskjellige tagger, men bare tre totalt. La oss se på eksemplene først:

inngang:


  1. Element én

  2. Punkt to

Produksjon:

  1. Element én
  2. Punkt to

inngang:


  • Element én

  • Punkt to

Produksjon:

  • Element én
  • Punkt to

For å lage en bestilt liste bruker du koden og for en uordnet liste, sett inn stikkord. I begge tilfeller

  • tag brukes til å definere et element i listen.

    • Nå som du har sett hvor enkel og logisk HTML er, kan det være lurt å gå utover det grunnleggende og lære litt mer. For flere HTML-tips, sjekk ut disse artiklene:

    • 5 trinn for å forstå grunnleggende HTML-kode 5 trinn for å forstå grunnleggende HTML-kodeHTML er ryggraden på hver webside. Hvis du er nybegynner, la oss lede deg gjennom de grunnleggende trinnene for å forstå HTML. Les mer
    • 5 HTML-tips for å lage et raskt lastende gratis nettsted 5 HTML-tips for å lage et raskt lastende gratis nettsted Les mer
    • 7 kule HTML-effekter som alle kan legge til på nettstedet sitt 8 kule HTML-effekter som alle kan legge til på nettstedet sittDu trenger ikke å kjenne CSS eller PHP for å bygge et fancy nettsted. Bruk disse kule HTML-triksene for å generere fantastiske effekter. Les mer

    Føler du deg litt mer trygg på å bruke HTML-koder nå? Hvis du har blitt "håndkodet" rutinemessig før, hvilke tagger tror du mangler?

    Bildepoeng: kentoh

    Tina har skrevet om forbrukerteknologi i over et tiår. Hun har en doktorgrad i naturvitenskap, en diplom fra Tyskland og en MSc fra Sverige. Hennes analytiske bakgrunn har hjulpet henne med å utmerke seg som teknologijournalist ved MakeUseOf, hvor hun nå administrerer søkeordforskning og drift.