Tekstformateringstagger

HTML tilbyr flere tekstformateringstagger som gjør det mulig å legge til vekt, understreking eller gjennomstreking av tekst etter behov.

Taggene <strong> og <em> brukes for å fremheve tekst. <strong>-taggen viser teksten i fet skrift for å indikere sterk viktighet, mens <em>-taggen viser teksten i kursiv for å indikere betoning.

<u>-taggen understreker tekst for å gi visuell klarhet og fremheve viktig informasjon. Bruk understreking med måte for å unngå å gjøre teksten rotete.

<s>-taggen gjennomstreker tekst for å indikere sletting eller irrelevans. Den brukes ofte for å vise at tekst er fjernet eller ikke lenger er gyldig.
Eksempel:

I eksempelet ovenfor:

• <strong> og <em>-taggene gir vekt på tekst, der <strong> viser teksten i fet skrift og <em> viser den i kursiv;
• <u>-taggen understreker teksten og fremhever den visuelt;
• <s>-taggen gjennomstreker teksten, noe som indikerer sletting eller irrelevans.

Lenker

Lenker, også kjent som hyperkoblinger, gjør det mulig for brukere å navigere mellom nettsider, ressurser og ulike former for kommunikasjon. I HTML opprettes lenker ved å bruke <a> (anker)-taggen.

<a href="href-value">some text</a>

href-attributtet i <a>-taggen angir destinasjonen for lenken. Det kan akseptere ulike typer URL-er, inkludert:

• Absolutte URL-er: Angir hele adressen til den tilknyttede ressursen, inkludert protokoll (f.eks. "https://www.example.com");
• Telefon-URL-er: Gjør det mulig for brukere å starte telefonsamtaler direkte fra nettleseren ved å klikke. Formatert som "tel:phone-number". Det er viktig å inkludere landskode og fjerne spesialtegn eller mellomrom fra telefonnummeret (f.eks. "tel:+123456789");
• E-post-URL-er: Gjør det mulig for brukere å opprette e-poster ved å klikke. Formatert som "mailto:email-address". Det er viktig å inkludere hele e-postadressen etter mailto: (f.eks. "mailto:example@example.com").

Eksempel:

I eksempelet ovenfor:

• <a>-taggen lager hyperkoblinger med ulike destinasjoner;
• href-attributtet angir forskjellige URL-er, inkludert absolutte URL-er, telefonnumre og e-postadresser.

Andre nyttige attributter

<a>-taggen har flere attributter som kan brukes til å angi egenskaper for hyperkoblinger. Noen vanlige attributter inkluderer:

• target="_blank": Angir hvor den tilknyttede dokumentet skal åpnes. "_blank" åpner lenken i et nytt vindu eller fane;
• download: Angir at målet skal lastes ned når brukeren klikker på hyperkoblingen. Dette attributtet kan ha en verdi for å angi filnavnet for lagring av ressursen.

Eksempel:

I dette eksempelet:

• href-attributtet angir URL-en til den tilknyttede ressursen;
• target-attributtet åpner lenken i et nytt vindu eller en ny fane.

Knapper

<button>-taggen lager klikkbare knapper på nettsider. Den gjør det mulig for brukere å samhandle med nettsiden ved å utløse handlinger som å sende inn et skjema eller kjøre JavaScript-kode. Selv om vi ikke fokuserer på JavaScript i dette kurset, er det viktig å vite at denne muligheten finnes.

Typer knapper

• Standardknapp (<button type="button">): En generell knapp som brukes til ulike handlinger på nettsiden, som å utløse JavaScript-funksjoner eller navigere til en annen side;
• Sendeknapp (<button type="submit">): Brukes inne i et skjema for å sende skjemadata til en server;
• Tilbakestillingsknapp (<button type="reset">): Brukes inne i et skjema for å tilbakestille feltene til standardverdiene.

Eksempel:

I eksempelet ovenfor:

• Den første knappen er en standardknapp med et onclick-attributt som utløser en varselmelding når den klikkes;
• Den andre knappen er en send-knapp som sender skjemadataene til serveren;
• Den tredje knappen er en tilbakestill-knapp som tilbakestiller skjemafeltene til standardverdiene.

Videoveiledning