Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Lære Utfordring: Design en Filmutstillingsside | HTML-Koder og Attributter
Ultimate HTML
course content

Kursinnhold

Ultimate HTML

Ultimate HTML

1. Forstå Webutvikling
Velkommen til HTML og WebutviklingHva Er Internett?Hvordan Fungerer Internett?Forstå Hvordan Nettsteder FungererFrontend- og Backend-utvikling Forklart
2. HTML-Koder og Attributter
Forstå HTML-TaggerArbeide med HTML-AttributterForstå Parrede og Enkle Tagger i HTMLTekstmarkering og Formatering i HTMLUtfordring: Lag Ditt Første WebsideavsnittUtfordring: Bygg en Personlig IntroduksjonsnettsideUtfordring: Design en FilmutstillingssideBruk av Lenker og Knapper i HTMLUtfordring: Opprett Lenker til Populære NettstederValidere HTML-Koden Din for Beste Praksis
3. HTML-Dokumentstruktur
Hemmelighetene Bak Godt Strukturerte NettsiderForstå HTML-DokumentstrukturRollen til DokumenthodetHåndtering av Dokumentflyt og LayoutUtfordring: Strukturere et HTML-Dokument RiktigBruk av Utviklerverktøy for HTML-Inspeksjon og Feilsøking
4. Arbeide med Media og Tabeller
Legge til Bilder i HTMLUtfordring: Arbeid med BilderArbeide med Klikkbare Bilder, Bildetekster og OptimaliseringForståelse av Vektor- og RastergrafikkInnebygging av Lyd og Video for Rikt MedieinnholdUtfordring: Innebygg Lyd og Video i HTMLLage og Strukturere Tabeller i HTMLUtfordring: Design en Funksjonell HTML-Tabell
5. HTML-Skjemaer og Brukerinput
Introduksjon til HTML-skjemaerGrunnleggende om Opprettelse av Skjemaer i HTMLBruk av Etiketter for Bedre Skjema TilgjengelighetForbedre Skjemaer med InndataattributterUtforsker Forskjellige Inndatatyper i HTMLUtfordring: Opprett Skjema med Inndata og EtiketterArbeide med Textarea-Elementet for FlervalgslinjeBruk av Select-Elementet for RullegardinmenyerBruk av Datalist-Elementet for Forhåndsdefinerte InntastingsforslagGruppering av Skjemaelementer for Bedre Struktur

book
Utfordring: Design en Filmutstillingsside

Mål

Lag en fengslende nettside som viser frem dine favorittfilmer ved hjelp av HTML-elementer, inkludert en punktliste (<ul>), en <h1> overskrift, og flere avsnittselementer (<p>).

Oppgave

Bruk følgende elementer for å vise frem dine favorittfilmer:

  1. Bruk et <h1> element for hovedoverskriften. Teksten skal si My Favorite Movies.
  2. Bruk et <ul> element for å lage en punktliste med minst 3 filmtitler. Hver filmtittel skal være et listeelement (<li>).
  3. Etter <ul> elementet, bruk flere <p> elementer for å skrive en kort beskrivelse av hver film. Hver films beskrivelse skal plasseres i sitt eget avsnitt.
index.html

index.html

copy
  1. Bruk h1 taggen for å lage hovedoverskriften.
  2. Bruk ul taggen for å lage den uordnede listen.
  3. Bruk li taggen for å lage elementet i den uordnede listen.
  4. Bruk p taggen for å lage avsnittet.
index.html

index.html

copy
Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 2. Kapittel 7

Spør AI

expand

Spør AI

ChatGPT

Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår

course content

Kursinnhold

Ultimate HTML

Ultimate HTML

1. Forstå Webutvikling
Velkommen til HTML og WebutviklingHva Er Internett?Hvordan Fungerer Internett?Forstå Hvordan Nettsteder FungererFrontend- og Backend-utvikling Forklart
2. HTML-Koder og Attributter
Forstå HTML-TaggerArbeide med HTML-AttributterForstå Parrede og Enkle Tagger i HTMLTekstmarkering og Formatering i HTMLUtfordring: Lag Ditt Første WebsideavsnittUtfordring: Bygg en Personlig IntroduksjonsnettsideUtfordring: Design en FilmutstillingssideBruk av Lenker og Knapper i HTMLUtfordring: Opprett Lenker til Populære NettstederValidere HTML-Koden Din for Beste Praksis
3. HTML-Dokumentstruktur
Hemmelighetene Bak Godt Strukturerte NettsiderForstå HTML-DokumentstrukturRollen til DokumenthodetHåndtering av Dokumentflyt og LayoutUtfordring: Strukturere et HTML-Dokument RiktigBruk av Utviklerverktøy for HTML-Inspeksjon og Feilsøking
4. Arbeide med Media og Tabeller
Legge til Bilder i HTMLUtfordring: Arbeid med BilderArbeide med Klikkbare Bilder, Bildetekster og OptimaliseringForståelse av Vektor- og RastergrafikkInnebygging av Lyd og Video for Rikt MedieinnholdUtfordring: Innebygg Lyd og Video i HTMLLage og Strukturere Tabeller i HTMLUtfordring: Design en Funksjonell HTML-Tabell
5. HTML-Skjemaer og Brukerinput
Introduksjon til HTML-skjemaerGrunnleggende om Opprettelse av Skjemaer i HTMLBruk av Etiketter for Bedre Skjema TilgjengelighetForbedre Skjemaer med InndataattributterUtforsker Forskjellige Inndatatyper i HTMLUtfordring: Opprett Skjema med Inndata og EtiketterArbeide med Textarea-Elementet for FlervalgslinjeBruk av Select-Elementet for RullegardinmenyerBruk av Datalist-Elementet for Forhåndsdefinerte InntastingsforslagGruppering av Skjemaelementer for Bedre Struktur

book
Utfordring: Design en Filmutstillingsside

Mål

Lag en fengslende nettside som viser frem dine favorittfilmer ved hjelp av HTML-elementer, inkludert en punktliste (<ul>), en <h1> overskrift, og flere avsnittselementer (<p>).

Oppgave

Bruk følgende elementer for å vise frem dine favorittfilmer:

  1. Bruk et <h1> element for hovedoverskriften. Teksten skal si My Favorite Movies.
  2. Bruk et <ul> element for å lage en punktliste med minst 3 filmtitler. Hver filmtittel skal være et listeelement (<li>).
  3. Etter <ul> elementet, bruk flere <p> elementer for å skrive en kort beskrivelse av hver film. Hver films beskrivelse skal plasseres i sitt eget avsnitt.
index.html

index.html

copy
  1. Bruk h1 taggen for å lage hovedoverskriften.
  2. Bruk ul taggen for å lage den uordnede listen.
  3. Bruk li taggen for å lage elementet i den uordnede listen.
  4. Bruk p taggen for å lage avsnittet.
index.html

index.html

copy
Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 2. Kapittel 7
some-alt