Kursinnhold

Ultimate HTML

1. Forstå Webutvikling

Velkommen til HTML og Webutvikling Hva Er Internett?Hvordan Fungerer Internett?Forstå Hvordan Nettsteder Fungerer Frontend- og Backend-utvikling Forklart

2. HTML-Koder og Attributter

Forstå HTML-Tagger Arbeide med HTML-Attributter Forstå Parrede og Enkle Tagger i HTML Tekstmarkering og Formatering i HTML Utfordring: Lag Ditt Første Websideavsnitt Utfordring: Bygg en Personlig Introduksjonsnettside Utfordring: Design en Filmutstillingsside Bruk av Lenker og Knapper i HTML Utfordring: Opprett Lenker til Populære Nettsteder Validere HTML-Koden Din for Beste Praksis

3. HTML-Dokumentstruktur

Hemmelighetene Bak Godt Strukturerte Nettsider Forstå HTML-Dokumentstruktur Rollen til Dokumenthodet Håndtering av Dokumentflyt og Layout Utfordring: Strukturere et HTML-Dokument Riktig Bruk av Utviklerverktøy for HTML-Inspeksjon og Feilsøking

4. Arbeide med Media og Tabeller

Legge til Bilder i HTML Utfordring: Arbeid med Bilder Arbeide med Klikkbare Bilder, Bildetekster og Optimalisering Forståelse av Vektor- og Rastergrafikk Innebygging av Lyd og Video for Rikt Medieinnhold Utfordring: Innebygg Lyd og Video i HTML Lage og Strukturere Tabeller i HTML Utfordring: Design en Funksjonell HTML-Tabell

5. HTML-Skjemaer og Brukerinput

Introduksjon til HTML-skjemaer Grunnleggende om Opprettelse av Skjemaer i HTML Bruk av Etiketter for Bedre Skjema Tilgjengelighet Forbedre Skjemaer med Inndataattributter Utforsker Forskjellige Inndatatyper i HTML Utfordring: Opprett Skjema med Inndata og Etiketter Arbeide med Textarea-Elementet for Flervalgslinje Bruk av Select-Elementet for Rullegardinmenyer Bruk av Datalist-Elementet for Forhåndsdefinerte Inntastingsforslag Gruppering av Skjemaelementer for Bedre Struktur

Bruk av Lenker og Knapper i HTML

Lenke

<a>-taggen brukes til å lage hyperkoblinger som gjør det mulig for brukere å navigere mellom forskjellige nettsider. Når en bruker klikker på en lenke, sender nettleseren en forespørsel til serveren for siden som er tilknyttet lenken og viser responsen på skjermen. href-attributtet hjelper med å spesifisere URL-en til destinasjonssiden.

index.html

Lenkeattributter

target

Som standard åpnes lenken i den samme nettleserfanen. target-attributtet lar oss endre denne oppførselen. For å åpne en lenke i en ny fane, bruk target="_blank".

index.html

download

download-attributtet kan brukes med HTML <a>-taggen for å spesifisere at måleressursen skal lastes ned i stedet for å vises i nettleseren. Når download-attributtet brukes, vil nettleseren be brukeren om å lagre filen med det angitte filnavnet. For eksempel, hvis du trenger å opprette et element med følgende funksjonalitet: når brukeren klikker på lenken, vil nettleseren laste ned "myfile.pdf"-filen fra https://example.com/ og be brukeren om å lagre den med filnavnet myfile.pdf.

index.html

href

href-attributtet brukes ikke bare for å navigere til andre sider, men også for å lage lenker til e-postadresser, telefonnumre og spesifikke seksjoner.

index.html

I tillegg kan href-attributtet brukes til å navigere til spesifikke seksjoner innenfor en nettside. For å opprette en anker-tag, tildel et id-attributt (en unik identifikator) til den ønskede seksjonen vi vil bla til. href-attributtet tar en verdi som starter med #-symbolet etterfulgt av id-verdien.

La oss utforske følgende eksempel, presentert i form av CodeSandbox. Denne plattformen muliggjør kodeinspeksjon og lar deg undersøke kodens funksjonalitet.

Merk

Vennligst ta et øyeblikk for å inspisere funksjonaliteten ved å klikke på lenkene og observere hvordan den levende siden ruller til de spesifikke seksjonene. Vær også oppmerksom på attributtene til a-taggen og h2-taggen.

For å se koden, dra glidebryteren på venstre side av kode-sandkassen. Dette vil avsløre den eksisterende koden inne i editoren.

Knapp

<button>-taggen i HTML brukes til å lage en klikkbar knapp som kan utløse en handling, som å sende inn et skjema, utføre en JavaScript-funksjon som å åpne og lukke et popup-vindu, eller veksle en mobilmeny. Som standard har <button> type-attributtet, og verdien er submit. Men ofte må du spesifisere type="button".

index.html

Oppsummering

<a>-taggen brukes for å lage hyperkoblinger til andre nettsider, dokumenter eller ressurser. I motsetning brukes <button>-taggen for å skape interaktivitet på en nettside, utløse en hendelse eller utføre en handling. Det er viktig å ikke blande deres formål.

1. Hva er den primære funksjonen til `<a>`-taggen?

2. Kan du bruke en `<button>`-tag for å sende inn et skjema?

3. Hva er hovedforskjellen mellom `<a>`-taggen og `<button>`-taggen?

Alt var klart?

Takk for tilbakemeldingene dine!

Seksjon 2. Kapittel 8

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

Kursinnhold

Ultimate HTML

1. Forstå Webutvikling

Velkommen til HTML og Webutvikling Hva Er Internett?Hvordan Fungerer Internett?Forstå Hvordan Nettsteder Fungerer Frontend- og Backend-utvikling Forklart

2. HTML-Koder og Attributter

3. HTML-Dokumentstruktur

4. Arbeide med Media og Tabeller

5. HTML-Skjemaer og Brukerinput

Bruk av Lenker og Knapper i HTML

Lenke

index.html

Lenkeattributter

target

Som standard åpnes lenken i den samme nettleserfanen. target-attributtet lar oss endre denne oppførselen. For å åpne en lenke i en ny fane, bruk target="_blank".

index.html

download

index.html

href

href-attributtet brukes ikke bare for å navigere til andre sider, men også for å lage lenker til e-postadresser, telefonnumre og spesifikke seksjoner.

index.html

La oss utforske følgende eksempel, presentert i form av CodeSandbox. Denne plattformen muliggjør kodeinspeksjon og lar deg undersøke kodens funksjonalitet.

Merk

Vennligst ta et øyeblikk for å inspisere funksjonaliteten ved å klikke på lenkene og observere hvordan den levende siden ruller til de spesifikke seksjonene. Vær også oppmerksom på attributtene til a-taggen og h2-taggen.

For å se koden, dra glidebryteren på venstre side av kode-sandkassen. Dette vil avsløre den eksisterende koden inne i editoren.

Knapp

index.html

Oppsummering

1. Hva er den primære funksjonen til `<a>`-taggen?

2. Kan du bruke en `<button>`-tag for å sende inn et skjema?

3. Hva er hovedforskjellen mellom `<a>`-taggen og `<button>`-taggen?

Alt var klart?

Takk for tilbakemeldingene dine!

Seksjon 2. Kapittel 8

Ultimate HTML

Bruk av Lenker og Knapper i HTML

Lenke

Lenkeattributter

target

download

href

Knapp

Oppsummering

1. Hva er den primære funksjonen til <a>-taggen?

2. Kan du bruke en <button>-tag for å sende inn et skjema?

3. Hva er hovedforskjellen mellom <a>-taggen og <button>-taggen?

Ultimate HTML

Bruk av Lenker og Knapper i HTML

Lenke

Lenkeattributter

target

download

href

Knapp

Oppsummering

1. Hva er den primære funksjonen til <a>-taggen?

2. Kan du bruke en <button>-tag for å sende inn et skjema?

3. Hva er hovedforskjellen mellom <a>-taggen og <button>-taggen?

1. Hva er den primære funksjonen til `<a>`-taggen?

2. Kan du bruke en `<button>`-tag for å sende inn et skjema?

3. Hva er hovedforskjellen mellom `<a>`-taggen og `<button>`-taggen?

1. Hva er den primære funksjonen til `<a>`-taggen?

2. Kan du bruke en `<button>`-tag for å sende inn et skjema?

3. Hva er hovedforskjellen mellom `<a>`-taggen og `<button>`-taggen?