cursus HTML5

Leer snel HTML

 

Cursus HTML5

In bijna 2 uur video lessen leer je de taal waarmee alle webpagina’s zijn gemaakt. Vanaf het allereerste begin ga je aan de slag met elementen, tags en attributen van alle veel voorkomende HTML onderdelen:

Wat leer je?

Je gaat leren hoe je een site op moet zetten, te beginnen met de juiste structuur op jouw computer aanmaken. Daarna leer je eerst de basisstructuur waaraan iedere HTML-pagina moet voldoen. Hoe HTML elementen geschreven worden, hoe je attributen kunt toevoegen, wat de verplichte elementen zijn in elke pagina, hoe je elementen moet nesten.
Daarna leer je alle belangrijke onderdelen:

  • Onderdelen voor de “head” sectie
  • Elementen voor tekst (Dus bijvoorbeeld Koppen, alinea’s, blockquotes, lijsten enz)
  • Links maken (intern, extern, eigen site, andere bestanden, email)
  • Elementen voor groeperen en layout (Div en span, HTML5 semantische elementen, tabellen)
  • Formulieren maken (alle formuliervelden inclusief die van HTML5)
  • Afbeeldingen (inclusief responsive afbeeldingen, svg, icon fonts en nieuwe elementen)
  • Embedded content (audio, video, iframes)

Kijk voor de complete inhoud onder de tab “Inhoud”.

 

Inhoud

De cursus HTML bestaat uit de volgende video presentaties:

 

01 Voorbereiding

1-01-Plaats van HTML binnen webdesign
1-02 voorbereiding: browser en HTML editor
1-03 Project voorbereiding
1-04 Brackets en bestanden aanmaken

02 Basisstructuur van een html pagina

2-01-Elementen
2-02-Nesting
2-03- Head en Body, en het title element
2-04-Attributen
2-05-charset
2-06-viewport
2-07-Het document type
2-08 Commentaar

03 Head onderdelen

3-01 Meta tags
3-02 Base
3-03 Style
3-04 Link
3-05 Script

04 Tekst opmaken

4-01 Alinea, bold, italic
4-02 Meer inline tags
4-03 Class, span en id
4-04 Koppen
4-05 Blockquote Horizontal Rule
4-06 Lijsten

05 Links

5-01 Document relatieve links
5-02 Site relatieve links
5-03 Externe links
5-04 Email , intern
5-05 Zip en andere bestanden

06 – Groeperen en layout

01-De DIV en span elementen
02-HTML5 semantische elementen
03-Tabellen

07 – Formulieren

01-formulier-tag
02-tekstveld
03-radiobutton, dropdown, checkbox
04-textarea, upload, submit
05-nieuw in HTML5
06-attributen in formulieren

08 Afbeeldingen

01-Afbeeldingen
02-Afbeeldingen-responsive
03-Picture element
04-svg
05-icon fonts
06-unicode
07- figure

Embedded content

Audio
Video
Iframes

 

 

Vervolg

In deze cursus leer je hoe je met HTML de structuur van een webpagina maakt. Je bent nu klaar voor het vervolg:  CSS3 om deze structuur vorm te geven.