Forbedring av Tekst og Interaktivitet i HTML
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:
index.html
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 ettermailto:(f.eks."mailto:example@example.com").
Eksempel:
index.html
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:
index.html
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:
index.html
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
1. Velg den riktige påstanden fra alternativene som er gitt.
2. Hvordan opprettes lenker?
3. Hva angir href-attributtet i en <a>-tagg?
4. Hva gjør <button type="submit">-taggen?
Takk for tilbakemeldingene dine!
Spør AI
Spør AI
Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår
Awesome!
Completion rate improved to 3.13
Forbedring av Tekst og Interaktivitet i HTML
Sveip for å vise menyen
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:
index.html
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 ettermailto:(f.eks."mailto:example@example.com").
Eksempel:
index.html
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:
index.html
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:
index.html
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
1. Velg den riktige påstanden fra alternativene som er gitt.
2. Hvordan opprettes lenker?
3. Hva angir href-attributtet i en <a>-tagg?
4. Hva gjør <button type="submit">-taggen?
Takk for tilbakemeldingene dine!