Tekstformaterings-tags

HTML tilbyder flere tekstformaterings-tags, der gør det muligt at tilføje fremhævning, understregning eller gennemstregning af tekst efter behov.

Taggene <strong> og <em> bruges til at fremhæve tekst. <strong>-tagget viser teksten med fed skrift for at angive stor betydning, mens <em>-tagget viser teksten i kursiv for at angive fremhævning.

<u>-tagget understreger tekst for at give visuel klarhed og fremhæve vigtig information. Understregning bør dog anvendes med måde for at undgå at gøre teksten uoverskuelig.

<s>-tagget gennemstreger tekst for at angive sletning eller irrelevans. Det bruges ofte til at vise, at en bestemt tekst er blevet fjernet eller ikke længere er gyldig.
Eksempel:

I eksemplet ovenfor:

• <strong> og <em>-tags giver fremhævning til tekst, hvor <strong> viser teksten med fed og <em> viser den med kursiv;
• <u>-tagget understreger teksten og fremhæver den visuelt;
• <s>-tagget gennemstreger teksten og angiver sletning eller irrelevans.

Links

Links, også kendt som hyperlinks, gør det muligt for brugere at navigere mellem websider, ressourcer og forskellige former for kommunikation. I HTML oprettes links ved hjælp af <a> (anker)-tagget.

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

href-attributten i <a>-tagget angiver destinationen for linket. Den kan acceptere forskellige typer URL'er, herunder:

• Absolutte URL'er: Angiver den fulde adresse på den tilknyttede ressource, inklusive protokollen (f.eks. "https://www.example.com");
• Telefon-URL'er: Gør det muligt for brugere at starte telefonopkald direkte fra browseren ved klik. Formateres som "tel:phone-number". Det er vigtigt at inkludere landekode og fjerne eventuelle specialtegn eller mellemrum fra telefonnummeret (f.eks. "tel:+123456789");
• E-mail-URL'er: Gør det muligt for brugere at oprette e-mails ved klik. Formateres som "mailto:email-address". Det er vigtigt at inkludere hele e-mailadressen efter mailto: (f.eks. "mailto:example@example.com").

Eksempel:

I eksemplet ovenfor:

• <a>-tagget opretter hyperlinks med forskellige destinationer;
• href-attributten angiver forskellige URL'er, herunder absolutte URL'er, telefonnumre og e-mailadresser.

Andre nyttige attributter

<a>-tagget har flere attributter, der kan bruges til at specificere hyperlink-egenskaber. Nogle almindelige attributter inkluderer:

• target="_blank": Angiver, hvor det linkede dokument skal åbnes. "_blank" åbner linket i et nyt vindue eller en ny fane;
• download: Angiver, at målet vil blive downloadet, når brugeren klikker på hyperlinket. Denne attribut kan have en værdi for at angive filnavnet til lagring af ressourcen.

Eksempel:

I dette eksempel:

• href-attributten angiver URL'en til den linkede ressource;
• target-attributten åbner linket i et nyt vindue eller en ny fane.

Knapper

<button>-tagget opretter klikbare knapper på websider. Det giver brugerne mulighed for at interagere med websiden ved at udløse handlinger såsom at indsende en formular eller udføre JavaScript-kode. Selvom vi ikke fokuserer på JavaScript i dette kursus, er det vigtigt at vide, at denne mulighed eksisterer.

Typer af knapper

• Standardknap (<button type="button">): En generel knap, der bruges til forskellige handlinger på websiden, såsom at udløse JavaScript-funktioner eller navigere til en anden side;
• Send-knap (<button type="submit">): Bruges i en formular til at sende formularens data til en server;
• Nulstil-knap (<button type="reset">): Bruges i en formular til at nulstille formularens felter til deres standardværdier.

Eksempel:

I eksemplet ovenfor:

• Den første knap er en standardknap med et onclick-attribut, der udløser en advarsel, når den klikkes på;
• Den anden knap er en send-knap, der indsender formularens data til serveren;
• Den tredje knap er en nulstil-knap, der nulstiller formularfelterne til deres standardværdier.

Videovejledning