SlideShare a Scribd company logo
HTML/CSSHerhaling
14 September 2015
Dynamische Webtechnieken
Kristof Orts
VoorwatstaatCSS?
VoorwatstaatCSS?
CascadingStyleSheets
WaarzettenwedeCSS?
a.)Head
b.)Body
c.)Onderaandepagina
WaarzettenwedeCSS?
a.)Head
b.)Body
c.)Onderaandepagina
HoezettenweietsincommentsinCSS?
a.)//
b.)<!--
c.)/*
HoezettenweietsincommentsinCSS?
a.)//
b.)<!--
c.)/*
WatgebruikenwevoorID’s?
a.).div
b.)#div
c.)id.div
WatgebruikenwevoorID’s?
a.).div
b.)#div
c.)id.div
Watgebruikenweomietsinhetvette
zetten?
a.)font-size
b.)font-weight
c.)text-transform
Watgebruikenweomietsinhetvette
zetten?
a.)font-size
b.)font-weight
c.)text-transform
Watisdelaatstenieuweversievan
HTML?
Watisdelaatstenieuweversievan
HTML?
HTML5
EenHTMLdocumentbeginjemet:
a.)<title>
b.)<!doctypehtml>
c.)body
EenHTMLdocumentbeginjemet:
a.)<title>
b.)<!doctypehtml>
c.)body
Watisdegrootstetitel?
a.)h1
b.)h6
c.)header
Watisdegrootstetitel?
a.)h1
b.)h6
c.)header
Eenh1magjemaar1keergebruikenop
jewebpagina
a.)juist
b.)fout
Eenh1magjemaar1keergebruikenop
jewebpagina
a.)juist
b.)fout
Welkekleuris#000?
Welkekleuris#000?
Zwart
Watgebruikenwevooreendropdown?
a.)<select>
b.)<inputtype=“dropdown”>
c.)<dropdown>
Watgebruikenwevooreendropdown?
a.)<select>
b.)<inputtype=“dropdown”>
c.)<dropdown>
Alsiktextlinkswiluitlijnendangebruikik:
a.)float:left
b.)text-align:left
c.)text-left
Alsiktextlinkswiluitlijnendangebruikik:
a.)float:left
b.)text-align:left
c.)text-left
Alsikeenborderwilvan10pxdikmaar
onderaanenkel1px
a.)10px1px
b.)10px1px10px10px
c.)10px10px1px10px
Alsikeenborderwilvan10pxdikmaar
onderaanenkel1px
a.)10px1px
b.)10px1px10px10px
c.)10px10px1px10px
De<p>taggebruikenwevoor:
a.)paragraphs
b.)titels
c.)quotes
De<p>taggebruikenwevoor:
a.)paragraphs
b.)titels
c.)quotes
Alswedetekstkleurwillenveranderen
dangebruikenwe:
a.)text-color
b.)font-color
c.)color
Alswedetekstkleurwillenveranderen
dangebruikenwe:
a.)text-color
b.)font-color
c.)color
LAATSTEVRAAG
Welketaggebruikenwevoor
afbeeldingeninhtml?
a.)<img>
b.)<image>
c.)background-image
Welketaggebruikenwevoor
afbeeldingeninhtml?
a.)<img>
b.)<image>
c.)background-image
PROFICIAT!

More Related Content

PDF
Design Thinking - Bootcamp
PDF
The role of Design Thinking
PDF
Presentatie drupal sass
PDF
Refresher HTML(5) and CSS(3) - CC FE & UX
PDF
Gastcollege: Basis HTML, CSS en JavaScript
PPTX
Talk 02 html5-css3
PDF
Html5 jeugdwerknet
PDF
Responsive web design - Drupal theming
Design Thinking - Bootcamp
The role of Design Thinking
Presentatie drupal sass
Refresher HTML(5) and CSS(3) - CC FE & UX
Gastcollege: Basis HTML, CSS en JavaScript
Talk 02 html5-css3
Html5 jeugdwerknet
Responsive web design - Drupal theming
Ad

HTML/CSS herhaling