Basiskennis HTML5

Cursusduur

03:02:53

Niveau

Beginner

deel deze cursus:

Basiskennis HTML
49

Leer in deze cursus basiskennis HTML5 hoe je webpagina’s structureert met de juiste HTML-tags.

Webdesigner
175

Leer websites bouwen met behulp van HTML, CSS, en Joomla of Wordpress!

Cursusprogramma

  • Intro
    • Algemene cursusinformatie
    • Ontwikkelingen van het web
    • W3C-standaarden en Digitoegankelijk
    • Bronnen voor webdesigners
    • Statische- versus dynamische websites
    • Uitleg omtrent HTML, CSS en JavaScript
  • Starten met website bouwen
    • HTML-editor kiezen en installeren
    • De bronmap / Local Root Folder (LRF)
    • Domeinnaam registreren en webhost kiezen (SIDN)
    • Website online met ftp (Filezilla)
  • Structuur van HTML-pagina
    • HTML-documentstructuur
    • Broncode opschonen in Brackets (Beautify)
    • Commentaarregels plaatsen
  • Content structureren met HTML
    • Headers (h1 t/m h6) en paragrafen (p)
    • Emphasis, strong, mark, bold, italic en span
    • Content scheiden met horizontale lijn (hr)
    • Super-, subscript (sup en sub) en kleiner zetten (small)
    • Definitie definiëren en duiden (dfn)
    • Afkortingen definieren en duiden (abbr)
    • Citaten met Blockquotes en Quotes (blockquote en q)
    • Titels en werken definiëren en duiden (cite)
    • Adresgegevens definieren (address)
  • Bijzondere HTML-tags voor tekst
    • Speciale karakters met html-entiteiten
    • Afbreken van teksten met -wbr- en de html-entiteit ­
    • Broncode duiden met -pre-, -code- en -samp-
    • Revisie toepassen in een pagina met -ins-, -del
    • Revisie toepassen in een pagina met -u- en -s-
  • Lijsten creëren
    • Geordende lijsten -ol- en -li-
    • Ongeordende lijsten -ul- en -li-
    • Geneste lijsten
    • Definitielijsten -dl-, -dt- en -dd-
    • Meer toepassingen van definitielijst
  • Media en afbeeldingen
    • Afbeelding plaatsen -img-
    • De attributen -alt- & -title-
    • Afbeeldingsformaten png, gif en jpg
    • Audio plaatsen op webpagina
    • Video plaatsen op webpagina
  • Hyperlinks maken
    • Linken met absoluut of relatief pad
    • Externe links maken
    • Interne links maken
    • Interne sectielink maken
    • Afbeelding en -button- linken naar bestand
  • Tabellen
    • Starten met een tabel -table, -tr-, -td-, -caption- en -th-
    • Semantische elementen voor tabel -theader-, -tbody-, -tfooter-
    • Afbeeldingen plaatsen in tabel
    • Cellen samenvoegen met colspan
    • Cellen splitsen met rowspan
  • Toegankelijke en semantische HTML
    • Semantische html-elementen
    • De Document Outline
    • De -header-, -main-, -footer- en -nav-
    • Het -article- & -section- element
    • De -aside-
    • Het -div- & -span- element