Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Leer Uitdaging: Ontwerp een Filmshowcase-Webpagina | HTML-Tags en Attributen
Ultimate HTML
course content

Cursusinhoud

Ultimate HTML

Ultimate HTML

1. Begrijpen van Webontwikkeling
Welkom bij HTML en WebontwikkelingWat Is het Internet?Hoe Werkt het Internet?Begrijpen Hoe Websites WerkenFrontend- en Backend-ontwikkeling Uitgelegd
2. HTML-Tags en Attributen
HTML-Tags BegrijpenWerken met HTML-AttributenBegrijpen van Gepaarde en Enkele Tags in HTMLTekstmarkering en Opmaak in HTMLUitdaging: Maak Je Eerste Webpagina ParagraafUitdaging: Bouw een Persoonlijke Introductie WebpaginaUitdaging: Ontwerp een Filmshowcase-WebpaginaLinks en Knoppen Gebruiken in HTMLUitdaging: Maak Links Naar Populaire WebsitesJe HTML-Code Valideren Voor Best Practices
3. HTML-Documentstructuur
De Geheimen Achter Goed Gestructureerde Webpagina'sHTML-Documentstructuur BegrijpenDe Rol van de DocumentkopBeheer van Documentstroom en Lay-outUitdaging: Structureer een HTML-Document CorrectOntwikkelaarstools Gebruiken Voor HTML-Inspectie en -Debugging
4. Werken met Media en Tabellen
Afbeeldingen Toevoegen in HTMLUitdaging: Werk Met AfbeeldingenWerken met Klikbare Afbeeldingen, Bijschriften en OptimalisatieBegrijpen van Vector- en RasterafbeeldingenAudio en Video Insluiten voor Rijke Media-InhoudUitdaging: Audio en Video Insluiten in HTMLTabellen Maken en Structureren in HTMLUitdaging: Ontwerp een Functionele HTML-Tabel
5. HTML-Formulieren en Gebruikersinvoer
Inleiding tot HTML-FormulierenBasisprincipes van Formuliercreatie in HTMLHet Gebruik van Labels voor Betere Formulier ToegankelijkheidFormulieren Verbeteren met InputattributenVerschillende Invoertypen in HTML VerkennenUitdaging: Maak een Formulier met Invoervelden en LabelsWerken met het Textarea-Element voor Invoer over Meerdere RegelsHet Select-Element Gebruiken Voor Dropdownmenu'sHet Gebruik van het Datalist-Element voor Vooraf Gedefinieerde InvoersuggestiesGroeperen van Formelementen voor Betere Structuur

book
Uitdaging: Ontwerp een Filmshowcase-Webpagina

Doel

Maak een boeiende webpagina met je favoriete films met behulp van HTML-elementen, waaronder een ongeordende lijst (<ul>), een <h1> kop, en meerdere paragraafelementen (<p>).

Taak

Gebruik de volgende elementen om je favoriete films te presenteren:

  1. Gebruik een <h1> element voor de hoofdkop. De tekst moet zeggen My Favorite Movies.
  2. Gebruik een <ul> element om een ongeordende lijst van minstens 3 filmtitels te maken. Elke filmtitel moet een lijstitem (<li>) zijn.
  3. Na het <ul> element, gebruik meerdere <p> elementen om een korte beschrijving van elke film te schrijven. De beschrijving van elke film moet in zijn eigen paragraaf worden geplaatst.
index.html

index.html

copy
  1. Gebruik de h1 tag om de hoofdheading te maken.
  2. Gebruik de ul tag om de ongeordende lijst te maken.
  3. Gebruik de li tag om het item van de ongeordende lijst te maken.
  4. Gebruik de p tag om de paragraaf te maken.
index.html

index.html

copy
Was alles duidelijk?

Hoe kunnen we het verbeteren?

Bedankt voor je feedback!

Sectie 2. Hoofdstuk 7

Vraag AI

expand

Vraag AI

ChatGPT

Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.

course content

Cursusinhoud

Ultimate HTML

Ultimate HTML

1. Begrijpen van Webontwikkeling
Welkom bij HTML en WebontwikkelingWat Is het Internet?Hoe Werkt het Internet?Begrijpen Hoe Websites WerkenFrontend- en Backend-ontwikkeling Uitgelegd
2. HTML-Tags en Attributen
HTML-Tags BegrijpenWerken met HTML-AttributenBegrijpen van Gepaarde en Enkele Tags in HTMLTekstmarkering en Opmaak in HTMLUitdaging: Maak Je Eerste Webpagina ParagraafUitdaging: Bouw een Persoonlijke Introductie WebpaginaUitdaging: Ontwerp een Filmshowcase-WebpaginaLinks en Knoppen Gebruiken in HTMLUitdaging: Maak Links Naar Populaire WebsitesJe HTML-Code Valideren Voor Best Practices
3. HTML-Documentstructuur
De Geheimen Achter Goed Gestructureerde Webpagina'sHTML-Documentstructuur BegrijpenDe Rol van de DocumentkopBeheer van Documentstroom en Lay-outUitdaging: Structureer een HTML-Document CorrectOntwikkelaarstools Gebruiken Voor HTML-Inspectie en -Debugging
4. Werken met Media en Tabellen
Afbeeldingen Toevoegen in HTMLUitdaging: Werk Met AfbeeldingenWerken met Klikbare Afbeeldingen, Bijschriften en OptimalisatieBegrijpen van Vector- en RasterafbeeldingenAudio en Video Insluiten voor Rijke Media-InhoudUitdaging: Audio en Video Insluiten in HTMLTabellen Maken en Structureren in HTMLUitdaging: Ontwerp een Functionele HTML-Tabel
5. HTML-Formulieren en Gebruikersinvoer
Inleiding tot HTML-FormulierenBasisprincipes van Formuliercreatie in HTMLHet Gebruik van Labels voor Betere Formulier ToegankelijkheidFormulieren Verbeteren met InputattributenVerschillende Invoertypen in HTML VerkennenUitdaging: Maak een Formulier met Invoervelden en LabelsWerken met het Textarea-Element voor Invoer over Meerdere RegelsHet Select-Element Gebruiken Voor Dropdownmenu'sHet Gebruik van het Datalist-Element voor Vooraf Gedefinieerde InvoersuggestiesGroeperen van Formelementen voor Betere Structuur

book
Uitdaging: Ontwerp een Filmshowcase-Webpagina

Doel

Maak een boeiende webpagina met je favoriete films met behulp van HTML-elementen, waaronder een ongeordende lijst (<ul>), een <h1> kop, en meerdere paragraafelementen (<p>).

Taak

Gebruik de volgende elementen om je favoriete films te presenteren:

  1. Gebruik een <h1> element voor de hoofdkop. De tekst moet zeggen My Favorite Movies.
  2. Gebruik een <ul> element om een ongeordende lijst van minstens 3 filmtitels te maken. Elke filmtitel moet een lijstitem (<li>) zijn.
  3. Na het <ul> element, gebruik meerdere <p> elementen om een korte beschrijving van elke film te schrijven. De beschrijving van elke film moet in zijn eigen paragraaf worden geplaatst.
index.html

index.html

copy
  1. Gebruik de h1 tag om de hoofdheading te maken.
  2. Gebruik de ul tag om de ongeordende lijst te maken.
  3. Gebruik de li tag om het item van de ongeordende lijst te maken.
  4. Gebruik de p tag om de paragraaf te maken.
index.html

index.html

copy
Was alles duidelijk?

Hoe kunnen we het verbeteren?

Bedankt voor je feedback!

Sectie 2. Hoofdstuk 7
some-alt