Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Lære Utfordring: Arbeid med Bilder | Arbeide med Media og Tabeller
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: Arbeid med Bilder

Mål

Øv på å bruke den absolutte banen for bilder i HTML.

Oppgave

Sørg for at src-attributtet til det første bildet bruker den absolutte banen. Du kan finne bildet på:

Bruk den absolutte banen for src-attributtet til det andre bildet. Få tilgang til bildet her:

Spesifiser riktig alt-attributtverdi for begge bildene. Husk, alt-verdien er avgjørende for å gi kontekst i tilfelle bilder ikke lastes inn eller for brukere som er avhengige av skjermlesere.

index.html

index.html

copy
  1. Bruk img-taggen for å spesifisere et bilde.
  2. Bruk src-attributtet for å spesifisere bildets plassering.
  3. Bruk alt-attributtet for å gi en beskrivende tekst for bildet.
  4. Du kan bruke width-attributtet for å definere bildets bredde.
  5. Du kan bruke height-attributtet for å definere bildets høyde.
index.html

index.html

copy
Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 4. Kapittel 2

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: Arbeid med Bilder

Mål

Øv på å bruke den absolutte banen for bilder i HTML.

Oppgave

Sørg for at src-attributtet til det første bildet bruker den absolutte banen. Du kan finne bildet på:

Bruk den absolutte banen for src-attributtet til det andre bildet. Få tilgang til bildet her:

Spesifiser riktig alt-attributtverdi for begge bildene. Husk, alt-verdien er avgjørende for å gi kontekst i tilfelle bilder ikke lastes inn eller for brukere som er avhengige av skjermlesere.

index.html

index.html

copy
  1. Bruk img-taggen for å spesifisere et bilde.
  2. Bruk src-attributtet for å spesifisere bildets plassering.
  3. Bruk alt-attributtet for å gi en beskrivende tekst for bildet.
  4. Du kan bruke width-attributtet for å definere bildets bredde.
  5. Du kan bruke height-attributtet for å definere bildets høyde.
index.html

index.html

copy
Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 4. Kapittel 2
some-alt