Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Lære Udfordring: Arbejde Med Billeder | Arbejde med Medier og Tabeller
Ultimativ HTML
course content

Kursusindhold

Ultimativ HTML

Ultimativ HTML

1. Forståelse af Webudvikling
Velkommen til HTML og WebudviklingHvad Er Internettet?Hvordan Fungerer Internettet?Forståelse af Hvordan Hjemmesider FungererFrontend og Backend Udvikling Forklaret
2. HTML Tags og Attributter
Forståelse af HTML-TagsArbejde med HTML-AttributterForståelse af Parrede og Enkeltstående Tags i HTMLTekstmarkering og Formatering i HTMLUdfordring: Opret Dit Første Webside AfsnitUdfordring: Byg en Personlig IntroduktionswebsideUdfordring: Design en FilmudstillingswebsideBrug af Links og Knapper i HTMLUdfordring: Opret Links til Populære WebsitesValidering af Din HTML-Kode for Bedste Praksis
3. HTML-Dokumentstruktur
Hemmelighederne Bag Velstrukturerede WebsiderForståelse af HTML-DokumentstrukturRollen af DokumenthovedetStyring af Dokumentflow og LayoutUdfordring: Strukturer et HTML-Dokument KorrektBrug af Udviklerværktøjer til HTML-Inspektion og Fejlfinding
4. Arbejde med Medier og Tabeller
Tilføjelse af Billeder i HTMLUdfordring: Arbejde Med BillederArbejde med Klikbare Billeder, Billedtekster og OptimeringForståelse af Vektor- og RastergrafikIndlejring af Lyd og Video til Rigt MedieindholdUdfordring: Indlejr Lyd og Video i HTMLOprette og Strukturere Tabeller i HTMLUdfordring: Design en Funktionel HTML-Table
5. HTML-Formularer og Brugerinput
Introduktion til HTML-FormularerGrundlæggende Om Formularoprettelse i HTMLBrug af Etiketter for Bedre Form AccessibilityForbedring af Formularer med InputattributterUdforskning af Forskellige Inputtyper i HTMLUdfordring: Opret Formular med Inputfelter og EtiketterArbejde Med the Textarea-Elementet Til Indtastning af Flere LinjerBrug af Select-Elementet til RullemenuerBrug af Datalist-Elementet til Foruddefinerede InputforslagGruppering af Formelementer for Bedre Struktur

book
Udfordring: Arbejde Med Billeder

Mål

Øv dig i at bruge den absolutte sti til billeder i HTML.

Opgave

Sørg for, at src-attributten for det første billede bruger den absolutte sti. Du kan finde billedet på:

Brug den absolutte sti til src attributten for det andet billede. Få adgang til billedet her:

Angiv den passende alt attributværdi for begge billeder. Husk, at alt værdien er afgørende for at give kontekst, hvis billederne ikke kan indlæses, eller for brugere, der er afhængige af skærmlæsere.

index.html

index.html

copy
  1. Brug img-tagget til at angive et billede.
  2. Brug src-attributten til at angive billedets placering.
  3. Brug alt-attributten til at give en beskrivende tekst for billedet.
  4. Du kan bruge width-attributten til at definere billedets bredde.
  5. Du kan bruge height-attributten til at definere billedets højde.
index.html

index.html

copy
Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 4. Kapitel 2

Spørg AI

expand

Spørg AI

ChatGPT

Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat

course content

Kursusindhold

Ultimativ HTML

Ultimativ HTML

1. Forståelse af Webudvikling
Velkommen til HTML og WebudviklingHvad Er Internettet?Hvordan Fungerer Internettet?Forståelse af Hvordan Hjemmesider FungererFrontend og Backend Udvikling Forklaret
2. HTML Tags og Attributter
Forståelse af HTML-TagsArbejde med HTML-AttributterForståelse af Parrede og Enkeltstående Tags i HTMLTekstmarkering og Formatering i HTMLUdfordring: Opret Dit Første Webside AfsnitUdfordring: Byg en Personlig IntroduktionswebsideUdfordring: Design en FilmudstillingswebsideBrug af Links og Knapper i HTMLUdfordring: Opret Links til Populære WebsitesValidering af Din HTML-Kode for Bedste Praksis
3. HTML-Dokumentstruktur
Hemmelighederne Bag Velstrukturerede WebsiderForståelse af HTML-DokumentstrukturRollen af DokumenthovedetStyring af Dokumentflow og LayoutUdfordring: Strukturer et HTML-Dokument KorrektBrug af Udviklerværktøjer til HTML-Inspektion og Fejlfinding
4. Arbejde med Medier og Tabeller
Tilføjelse af Billeder i HTMLUdfordring: Arbejde Med BillederArbejde med Klikbare Billeder, Billedtekster og OptimeringForståelse af Vektor- og RastergrafikIndlejring af Lyd og Video til Rigt MedieindholdUdfordring: Indlejr Lyd og Video i HTMLOprette og Strukturere Tabeller i HTMLUdfordring: Design en Funktionel HTML-Table
5. HTML-Formularer og Brugerinput
Introduktion til HTML-FormularerGrundlæggende Om Formularoprettelse i HTMLBrug af Etiketter for Bedre Form AccessibilityForbedring af Formularer med InputattributterUdforskning af Forskellige Inputtyper i HTMLUdfordring: Opret Formular med Inputfelter og EtiketterArbejde Med the Textarea-Elementet Til Indtastning af Flere LinjerBrug af Select-Elementet til RullemenuerBrug af Datalist-Elementet til Foruddefinerede InputforslagGruppering af Formelementer for Bedre Struktur

book
Udfordring: Arbejde Med Billeder

Mål

Øv dig i at bruge den absolutte sti til billeder i HTML.

Opgave

Sørg for, at src-attributten for det første billede bruger den absolutte sti. Du kan finde billedet på:

Brug den absolutte sti til src attributten for det andet billede. Få adgang til billedet her:

Angiv den passende alt attributværdi for begge billeder. Husk, at alt værdien er afgørende for at give kontekst, hvis billederne ikke kan indlæses, eller for brugere, der er afhængige af skærmlæsere.

index.html

index.html

copy
  1. Brug img-tagget til at angive et billede.
  2. Brug src-attributten til at angive billedets placering.
  3. Brug alt-attributten til at give en beskrivende tekst for billedet.
  4. Du kan bruge width-attributten til at definere billedets bredde.
  5. Du kan bruge height-attributten til at definere billedets højde.
index.html

index.html

copy
Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 4. Kapitel 2
some-alt