Kursinnhold
Ultimate HTML
Ultimate HTML
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
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
Utfordring: Opprett Lenker til Populære Nettsteder
Mål
Lag en fengslende nettside med en punktliste (<ul>
) som inneholder lenker (<a>
) til tre populære nettsteder. Magien ligger i å sørge for at disse lenkene åpnes i nye faner når de klikkes på, noe som forbedrer brukeropplevelsen og lar dem utforske hver destinasjon uten problemer.
Oppgave
Bruk følgende elementer for å skape en spennende webopplevelse:
- Lag en punktliste med tre elementer ved hjelp av et
<ul>
-element. - Hvert listeelement skal inneholde en lenke (
<a>
) til et populært nettsted og dets navn. - Listen skal inneholde følgende elementer:
- "Apple" - Lenke til Apples nettsted:
https://www.apple.com/
; - "Amazon" - Lenke til Amazons nettsted:
https://www.amazon.com/
; - "Netflix" - Lenke til Netflix' nettsted:
https://www.netflix.com/
.
- "Apple" - Lenke til Apples nettsted:
index.html
- Bruk
ul
-taggen for å lage en punktliste. - Bruk
li
-taggen for å lage listeelementer for hver nettsidelink. - Bruk
a
-taggen for å lage lenker, og spesifiser nettadressen ved å brukehref
-attributtet. - For å åpne lenkene i nye faner, inkluder
target="_blank"
-attributtet innenfora
-taggen.
index.html
Alt var klart?
Takk for tilbakemeldingene dine!
Seksjon 2. Kapittel 9