Cursusinhoud
Ultimate HTML
Ultimate HTML
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
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
Uitdaging: Audio en Video Insluiten in HTML
Doel
Creëer een boeiende multimedia-ervaring voor de websitebezoekers door zowel audio- als videocontent op te nemen.
Taak
Breng de website naar een hoger niveau door gebruikers onder te dompelen in een boeiende multimedia-ervaring. Je taak is om:
Voor de audio: een audiobestand in te voegen dat een rustgevende sfeer biedt voor gebruikers om te ontspannen. Gebruik de volgende link voor de audio:
Voor de video: integreer een video die gebruikers laat genieten van de schoonheid van natuurwezens. Gebruik de volgende link voor de video:
Voeg afspeelbedieningen toe zoals afspelen en pauzeren.
Voeg bestandstypen toe.
index.html
index.css
- Gebruik de
audio
tag om een audio-element op te geven. - Gebruik de
video
tag om een video-element op te geven. - Gebruik het
controls
attribuut om gebruikers de audio- of videoweergave te laten beheren. - Gebruik het
src
attribuut om de locatie van het bestand op te geven. Zorg voor nauwkeurige kopieën van links uit de taak. - Gebruik
type="audio/mp3"
om het juiste bestandstype voor de audio op te geven. - Gebruik
type="video/mp4"
om het juiste bestandstype voor de video op te geven.
index.html
index.css
Was alles duidelijk?
Bedankt voor je feedback!
Sectie 4. Hoofdstuk 6