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

Utfordring: Innebygg Lyd og Video i HTML

Mål

Skap en engasjerende multimedieopplevelse for nettstedets besøkende ved å inkludere både lyd- og videoinnhold.

Oppgave

Ta nettstedet til neste nivå ved å fordype brukerne i en fengslende multimedieopplevelse. Din oppgave er å:

For lyden: legg inn en lydfil som gir en beroligende atmosfære for brukerne å slappe av. Bruk følgende lenke for lyden:

For videoen: integrer en video som lar brukerne nyte skjønnheten av naturens skapninger. Bruk følgende lenke for videoen:

Legg til avspillingskontroller som spill og pause.
Legg til filtyper.

index.html

index.css

Bruk audio-taggen for å spesifisere et lydelement.
Bruk video-taggen for å spesifisere et videoelement.
Bruk controls-attributtet for å la brukerne styre avspillingen av lyd eller video.
Bruk src-attributtet for å spesifisere filens plassering. Sørg for nøyaktig kopiering av lenker fra oppgaven.
Bruk type="audio/mp3" for å spesifisere riktig filtype for lyden.
Bruk type="video/mp4" for å spesifisere riktig filtype for videoen.

index.html

index.css

Alt var klart?

Takk for tilbakemeldingene dine!

Seksjon 4. Kapittel 6

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

Utfordring: Innebygg Lyd og Video i HTML

Mål

Skap en engasjerende multimedieopplevelse for nettstedets besøkende ved å inkludere både lyd- og videoinnhold.

Oppgave

Ta nettstedet til neste nivå ved å fordype brukerne i en fengslende multimedieopplevelse. Din oppgave er å:

For lyden: legg inn en lydfil som gir en beroligende atmosfære for brukerne å slappe av. Bruk følgende lenke for lyden:

For videoen: integrer en video som lar brukerne nyte skjønnheten av naturens skapninger. Bruk følgende lenke for videoen:

Legg til avspillingskontroller som spill og pause.
Legg til filtyper.

index.html

index.css

Bruk audio-taggen for å spesifisere et lydelement.
Bruk video-taggen for å spesifisere et videoelement.
Bruk controls-attributtet for å la brukerne styre avspillingen av lyd eller video.
Bruk src-attributtet for å spesifisere filens plassering. Sørg for nøyaktig kopiering av lenker fra oppgaven.
Bruk type="audio/mp3" for å spesifisere riktig filtype for lyden.
Bruk type="video/mp4" for å spesifisere riktig filtype for videoen.

index.html

index.css

Alt var klart?

Takk for tilbakemeldingene dine!

Seksjon 4. Kapittel 6