HTML elementen en attributen (volgens de Strict DTD)

Maat: px
Weergave met pagina beginnen:

Download "HTML elementen en attributen (volgens de Strict DTD)"

Transcriptie

1 HTML elementen en attributen (volgens de Strict DTD) N.B.: vervallen attributen die vermeld worden in deze tabel, vallen uiteraard onder de Transitional DTD Naam element Type tag Start tag, einde tag (indien container tag) HTML is het document root element, bevat alle andere elementen! Attributen Container tag Beide optioneel %i18n attribuut: %version HEAD Container tag Beide optioneel %i18n, profile TITLE Container tag, inline %i18n BASE Empty tag, inline N.v.t. href attribuut: target META Empty tag, inline N.v.t. %i18n, http-equiv, name, content, scheme STYLE Container tag, inline %i18n, type, media, title SCRIPT Container tag, inline charset, type, src, defer, event, for attribuut: language NOSCRIPT BODY Container tag Beide optioneel onload, onunload background, bgcolor, text, link, vlink, alink A Container tag, inline %coreattrs,%i18n,, charset, type, name, href, hreflang, rel, rev, accesskey, shape, coords, tabindex, onfocus, onblur attribuut: target TT Container tag, inline %coreattrs,%i18n, I Container tag, inline %coreattrs,%i18n,

2 B Container tag, inline %coreattrs,%i18n, BIG Container tag, inline %coreattrs,%i18n, SMALL Container tag, inline %coreattrs,%i18n, ADDRESS EM Container tag, inline %coreattrs,%i18n, STRONG Container tag, inline %coreattrs,%i18n, DFN Container tag, inline %coreattrs,%i18n, CODE Container tag, inline %coreattrs,%i18n, SAMP Container tag, inline %coreattrs,%i18n, KBD Container tag, inline %coreattrs,%i18n, VAR Container tag, inline %coreattrs,%i18n CITE Container tag, inline %coreattrs,%i18n, ABBR Container tag, inline %coreattrs,%i18n, ACRONYM Container tag, inline %coreattrs,%i18n, IMG Empty tag, inline N.v.t. %coreattrs,%i18n,, src, alt, longdesc, name, height, width, usemap, ismap, border, hspace, vspace DIV,

3 OBJECT (kan PARAM element Container tag, inline %coreattrs,%i18n,, declare, classid, codebase, data, type, codetype, archive, standby, height, width, usemap, name, tabindex,, border, hspace, vspace BR Empty tag, inline N.v.t. %coreattrs clear MAP (kan AREA Container tag, inline %coreattrs,%i18n,, name AREA Empty tag, inline N.v.t. %coreattrs,%i18n,, shape, coords, href, nohref, alt, tabindex, accesskey, onfocus, onblur attribuut: target Q Container tag, inline, cite SUB Container tag, inline SUP Container tag, inline SPAN Container tag, inline, BDO Container tag, inline %coreattrs, lang, dir PARAM Empty tag, inline N.v.t. id, name, value, valuetype, type HR Empty tag, block N.v.t., noshade, size, width

4 P H1 tot en met H6 PRE (mag geen IMG, OBJECT, BIG, SMALL, SUB, SUP, en van vervallen attributen geen APPLET, FONT, BASEFONT BLOCKQOUTE Starttag verplicht, eind width, cite INS Container tag, inline, cite, datetime DEL Container tag, inline, cite, datetime DL (moet DT en DD DT Container tag, inline Starttag verplicht, eind DD Container tag, inline Starttag verplicht, eind OL Container tag, (moet LI block UL (moet LI LI Container tag, inline Starttag verplicht, eind attribuut: compact type, compact, start type, compact type, value

5 LINK Empty tag, inline N.v.t., charset, href, hreflang, type, rel, rev, media atribuut: target FORM, action, method, enctype, accept, name, onsubmit, onreset, acceptcharset attribuut: target LABEL Container tag, inline, for, accesskey, onfocus, onblur INPUT Empty tag, inline N.v.t., type, name, value, checked, disabled, readonly, size, maxlength, src, alt, usemap, ismap, tabindex, accesskey, onfocus, onblur, onselect, onchange, accept, attribuut: SELECT (moet OPTION OPTGROUP (moet OPTION Container tag, inline, name, size, multiple, disabled, tabindex, onfocus, onblur, onchange, Container tag, inline, disabled, label OPTION Container tag, inline Starttag verplicht, eind, selected, disabled, label, value

6 TEXTAREA Container tag, inline, name, rows, cols, disabled, readonly, tabindex, accesskey, onfocus, onblur, onselect, onchange, FIELDSET (moet LEGEND LEGEND Container tag, inline, accesskey BUTTON Container tag, inline, name, value, type, disabled, tabindex, accesskey, onfocus, onblur, TABLE,, datapagesize (reserved for future use), summary, width, border, frame, rules, cellspacing, cellpadding, bgcolor CAPTION Container tag, inline attribuut: THEAD (moet TR TFOOT (moet TR Container tag, inline Container tag, inline Starttag verplicht, eind Starttag verplicht, eind,,

7 TBODY (moet TR Container tag, inline Beide optioneel, COLGROUP Container tag, inline Starttag verplicht, eind, span, width, COL Empty tag, inline N.v.t., span, width, TR (moet TH of TD Container tag, inline Starttag verplicht, eind TH Container tag, inline Starttag verplicht, eind TD Container tag, inline Starttag verplicht, eind, attribuut: bgcolor, abbr, axis, headers, scope, rowspan, colspan, nowrap, bgcolor, width, height, abbr, axis, headers, scope, rowspan, colspan, nowrap, bgcolor, width, height N.B.: HTML 4.01 bevat nog regels m.b.t. syntax en elementen die hier niet opgenomen kunnen worden. Korte samenvatting block- elementen (volgens de Strict DTD): P, Headers (H1 tot en met H6), UL, OL, PRE, DL, DIV, NOSCRIPT, BLOCKQUOTE, FORM, HR, TABLE, FIELDSET, ADDRESS

8 Block elementen volgens de Transitional oftewel loose DTD P, Headers (H1 tot en met H6), UL, OL, DIR, MENU, PRE, DL, DIV, CENTER, NOSCRIPT, NOFRAMES, BLOCKQUOTE, FORM, ISINDEX, HR, TABLE, FIELDSET, ADDRESS elementen en attributen volgens HTML 4.01 Transitional DTD Naam element Type tag Start tag, einde tag Attributen CENTER BASEFONT Empty tag, inline N.v.t. id, size, color, face APPLET Container tag, inline %coreattrs, codebase, archive, code, object, alt, name, width, height,, hspace, vspace ISINDEX -- Empty tag, N.v.t. %coreattrs, single line prompt -- block %i18n, prompt FONT Container tag, inline face, color, size DIR, compact MENU, compact U Container tag, inline S Container tag, inline STRIKE Container tag, inline BASEFONT Empty tag, inline N.v.t. id, size, color, face IFRAME Container tag, inline %coreattrs, longdesc, name, src, frameborder, marginwidth, marginheight, scrolling,, height, width

9 HTML 4.01 FRAMESET Elementen Frameset DTD Naam element Type tag Start tag, einde tag Attributen (indien container tag) FRAMESET Container tag %coreattrs, rows, cols, onload, onunload FRAME Empty tag N.v.t. %coreattrs, longdesc, name, src, frameborder, marginwidth, marginheight, noresize, scrolling IFRAME Container tag %coreattrs, longdesc, name, src, frameborder, marginwidth, marginheight, scrolling,, height, width NOFRAMES Container tag, block Afkorting Lijst attributen % coreattrs id, class, style, title % i18n lang, dir % events onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup : wordt nog niet gebruikt, is voor datasrc, datafld, dataformatas mogelijk toekomstig gebruik gereserveerd! Wanneer gebruik je welke DTD 1 - De HTML 4.01 Strict DTD bevat alle elementen en attributen die niet vervallen zijn of die niet verschijnen in frameset documenten. Voor documenten die deze DTD gebruiken, gebruik deze document type declaratie: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " 2 - De HTML 4.01 Transitional DTD bevat alles in de strict DTD plus vervallen elementen en attributen (waarvan de meeste visuele presentatie betreffen). Het bevat presentatie attributen en elementen waarvan het W3C verwacht dat ze vervallen omdat ondersteuning voor style sheets groeit. Auteurs zouden de Strict DTD moeten gebruiken wanneer mogelijk, maar mogen de Transitional DTD gebruiken wanneer ondersteuning voor presentatie attributen en elementen nodig is. Voor documenten die deze DTD gebruiken, gebruik deze document type declaratie:

10 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " 3 - De HTML 4.01 Frameset DTD bevat alles in de transitional DTD plus frames, en zou gebruikt moeten worden voor documenten met frames. Voor documenten die deze DTD gebruiken, gebruik deze document type declaratie: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" " Noot: Deze DTD is identiek aan de HTML 4.01 Transitional DTD afgezien van het content model van het "HTML" element: in frameset documenten, vervangt het "FRAMESET" element het "BODY" element. In het kort: 1. Strict DTD voor websites die geen frames gebruiken 2. Transitional DTD wanneer men oude (obsolete) elementen en attributen gebruikt 3. Frameset DTD wanneer men frames en oude elementen en attributen gebruikt Bronnen van informatie: Strict DTD Loose DTD Frameset DTD HTML 4.01 specificatie - Copyright 2002 Angelica Ars, Amsterdam, Nederland. Alle rechten voorbehouden.

HTML5 overzicht Tag Uitleg Versie Attributen

HTML5 overzicht Tag Uitleg Versie Attributen HTML5 overzicht Tag Uitleg Versie Attributen Commentaarregel toevoegen 4 en 5 Geen Document 4 en 5 Geen Hyperlink 4 en 5 href ping Samenvoeging van een woord 4 en

Nadere informatie

Wat is een child-theme?

Wat is een child-theme? Child theme Waarschuwing 1. Het maken van een child theme is relatief eenvoudig, u hebt er wel FTP toegang voor nodig bij uw provider. 2. Het is soms lastig om precies uit te vinden welke css codes u moet

Nadere informatie

Agenda. Wat is HTML? Meer over HTML... Waarom HTML leren? Aniel Bhulai. Inleiding Computergebruik - HTML 1. Waarin maak je een HTML-bestand?

Agenda. Wat is HTML? Meer over HTML... Waarom HTML leren? Aniel Bhulai. Inleiding Computergebruik - HTML 1. Waarin maak je een HTML-bestand? Agenda HTML algemeen Wat is HTML? Korte historie Opbouw HTML document Aantal tags + voorbeelden Vragen 2 3 Opmaaktaal Letter Kleur Plaatjes Tabellen Formulieren Links Wat is HTML? Waarin maak je een HTML-bestand?

Nadere informatie

Besproken in de cursus Vervolg Webdesign CC19VO08

Besproken in de cursus Vervolg Webdesign CC19VO08 Besproken in de cursus Vervolg Webdesign CC19VO08 De verwijzingen in het blauw zijn naar het digitale boek Macromedia Dreamweaver 8 (Macromedia-Dreamweaver-8-Training-from-the-Source-2006.chm) Besproken

Nadere informatie

Internet_html.doc 1/6

Internet_html.doc 1/6 Internet_html.doc 1/6 Internet html. HTML syntax en regels Een HTML-element is opgebouwd uit een startmarkering en een eindemarkering (behalve enkele speciale markeringen zoals bvb. , , ).

Nadere informatie

Rob's Domein. theorie van html met de beschrijving van alle tag. Een html pagina moet altijd minstens uit de volgende tags bestaan:

Rob's Domein. theorie van html met de beschrijving van alle tag. Een html pagina moet altijd minstens uit de volgende tags bestaan: pagina 1 van 6 Rob's Domein kamp, 's Lands grootste webwinkel! Opleiding Webdesign Verdien aan je site met Tradedou SCRIPTS GIF PLAATJES ACHTERGRONDEN GENERATOREN DIVERSEN OPLEIDINGEN CONTA N Binnen 1

Nadere informatie

Agenda (X)HTML. Wat is HTML? Hoe ziet een HTML-file eruit? Waarom HTML leren? Waarin maak je een HTML-bestand?

Agenda (X)HTML. Wat is HTML? Hoe ziet een HTML-file eruit? Waarom HTML leren? Waarin maak je een HTML-bestand? (X)HTML HyperText Markup Language Aniel Bhulai E-mail: abhulai@few.vu.nl vrije Universiteit amsterdam Agenda HTML algemeen Aantal tags HTML met stijl (CSS, DHTML) XHTML Vragen Demo 1 vrije Universiteit

Nadere informatie

Cluster 1 Realiseert. 4 Beschrijving van de beroepssituatie behorende bij deze leereenheid

Cluster 1 Realiseert. 4 Beschrijving van de beroepssituatie behorende bij deze leereenheid LEEREENHEID HTML/CSS Dit document bestaat uit twee onderdelen - Onderdeel Leereenheid - Onderdeel Onderwijsproduct 1 Naam leereenheid In deze tabel staat de naam en het type van de leereenheid Leereenheid

Nadere informatie

Web building basis: HTML. Karel Nijs 2008/09

Web building basis: HTML. Karel Nijs 2008/09 Web building basis: HTML Karel Nijs 2008/09 Webbuilding basis vorige les HTML intro Browsers HTML elementen HTML basis tags HTML attributen HTML kleuren HTML formattering Extra: HTML entities Webbuilding

Nadere informatie

De frameset uit de afbeelding wordt op de volgende manier gedefinieerd:

De frameset uit de afbeelding wordt op de volgende manier gedefinieerd: FRAMES GEBRUIKEN Met frames kan het venster van een browser zo worden ingedeeld, dat er meerdere webpagina's tegelijk getoond kunnen worden. In de afbeelding hieronder staat een webpagina met frames. We

Nadere informatie

Schrijven voor het web. 1TIN Internettechonologie 2003-2004 les 02 1

Schrijven voor het web. 1TIN Internettechonologie 2003-2004 les 02 1 Schrijven voor het web 1TIN Internettechonologie 2003-2004 les 02 1 Verschillen met gewone teksten niet noodzakelijk sequentieel lezen webpagina globaal lezen (geen details) beantwoorden aan doel van bezoek?

Nadere informatie

Frames. Dit gedeelte wordt uitgebreid besproken in 1TIN Internettechnologie les 06

Frames. Dit gedeelte wordt uitgebreid besproken in   1TIN Internettechnologie les 06 Frames Dit gedeelte wordt uitgebreid besproken in http://www.handleidinghtml.nl/html/frames.htm 1 Frames - doel? Browservenster kan opgedeeld worden in meerdere views (= schermen, subvensters) Laten toe

Nadere informatie

Cursus HTML voor beginners

Cursus HTML voor beginners Cursus HTML voor beginners Gebruikte bron: /www.handleidinghtml.nl/ HTML is de taal waarmee je documenten (webpagina's) maakt die bekeken kunnen worden op het World Wide Web. HTML staat voor HyperText

Nadere informatie

Eén framesetpagina Een xhtml pagina per deel van het frame.

Eén framesetpagina Een xhtml pagina per deel van het frame. Frames xhtml heeft van zijn broertje HTML een manier geërfd om een pagina in verschillende delen te splitsen. Dit maakt het mogelijk van in ieder deel een andere xhtml pagina te laden en deze apart van

Nadere informatie

HTML in Outlook 2007. Hoe zorgt u ervoor dat uw email goed in beeld komt?

HTML in Outlook 2007. Hoe zorgt u ervoor dat uw email goed in beeld komt? HTML in Outlook 2007 Hoe zorgt u ervoor dat uw email goed in beeld komt? HTML in Outlook 2007 Inleiding Emark Mail biedt u de mogelijkheid om kant en klare HTML nieuwsbrieven in te laden en te versturen.

Nadere informatie

GVR Soft s HTMLcursus

GVR Soft s HTMLcursus GVR Soft s HTMLcursus Index en snelzoek pagina Les 1: De basis - De basis tags: , , en tags - Het nesten van tags - Achtergrond- en tekstkleur - De basiskleuren - Kleurenkiezer - Een

Nadere informatie

Agenda HTML. Wat is HTML? Hoe ziet een HTML-file eruit? Waarom HTML leren? Waarin maak je een HTML-bestand?

Agenda HTML. Wat is HTML? Hoe ziet een HTML-file eruit? Waarom HTML leren? Waarin maak je een HTML-bestand? HTML HyperText Markup Language Aniel Bhulai E-mail: abhulai@cs.vu.nl Agenda HTML algemeen Aantal tags HTML met stijl (CSS, DHTML) Demo Vragen vrije Univers iteit amsterdam 1 2 Opmaaktaal Letter Kleur Plaatjes

Nadere informatie

Heeft hetzelfde effect als <b> </b> maar is belangrijker voor SEO. Underline: de tekst wordt onderlijnd. Italic: de tekst wordt schuingedrukt

Heeft hetzelfde effect als <b> </b> maar is belangrijker voor SEO. Underline: de tekst wordt onderlijnd. Italic: de tekst wordt schuingedrukt Hoofdstuk 1 : HTML 1.1 Structuur van het HTML bestand hier komt de titel van de pagina hier komt alles wat we op de pagina willen zien 1.2 HTML- TAGs De BREAK tag wordt gebruikt om

Nadere informatie

HTML BASISCURSUS. ICT HTML basiscursus 1

HTML BASISCURSUS. ICT HTML basiscursus 1 HTML BASISCURSUS ICT HTML basiscursus 1 inleiding De algemene structuur van een webpagina is als volgt : Mijn

Nadere informatie

Frontend ontwikkeling

Frontend ontwikkeling Frontend ontwikkeling Mark Jansen Edwin Vlieg PHPFreakz ledendag 10 november 2007 Frontend ontwikkeling De interface is je product richting de eindgebruiker Goede PHP code met een slechte interface geeft

Nadere informatie

Versie 2.0 (mei 2005)

Versie 2.0 (mei 2005) Versie 2.0 (mei 2005) 1. Woord vooraf De archivering van websites kan door verschillende redenen worden gemotiveerd: de inter/intranetsite van een openbare dienst kan de handelingen en beslissingen van

Nadere informatie

Pagina-inhoud maken. Voor het plaatsen van een afbeelding in een pagina wordt gebruik gemaakt van het <img>-tag.

Pagina-inhoud maken. Voor het plaatsen van een afbeelding in een pagina wordt gebruik gemaakt van het <img>-tag. Afbeeldingen Voor het plaatsen van een afbeelding in een pagina wordt gebruik gemaakt van het -tag. De parameters:

Nadere informatie

Internet Standaarden HC4

Internet Standaarden HC4 Internet Standaarden HC4 Hogeschool van Amsterdam - Instituut voor Interactieve Media 1 Invloed van Games Laatste ontwikkelingen Gebruik van Games 11 oktober 2007 Hogeschool van Amsterdam - Instituut voor

Nadere informatie

Inhoud. Pagina 2 van 13

Inhoud. Pagina 2 van 13 Code Conventie Inhoud PHP algemeen... 3 Namen van variabelen... 3 Enkele of dubbele aanhalingstekens... 3 Globale variabelen... 3 Namen van functies... 3 Argumenten van functies... 3 Formattering... 4

Nadere informatie

TAGS

TAGS Inhoudsopgave INHOUDSOPGAVE 1 HTML 6 TAGS---------------------------------------------------------------------------------------------- 6 DOCTYPE DECLARATIE... 6 Strict dtd...6 Transitional dtd...6 Frames

Nadere informatie

WEBDESIGN. html tags. Neem de grondbeginselen van html door via de online cursus op de informaticasite of via instruct-online

WEBDESIGN. html tags. Neem de grondbeginselen van html door via de online cursus op de informaticasite of via instruct-online WEBDESIGN html tags HTML is de taal waarop internetsites gebaseerd zijn. Bij het onderdeel webdesign maken we gebruik van een van de bovenstaande webeditors die ons helpen bij het (automatisch) creëren

Nadere informatie

HTML richtlijnen e-mail marketing. part of the valley

HTML richtlijnen e-mail marketing. part of the valley e-mail marketing pagina 2/9 geschreven door Maarten van Benthem, front-end developer datum 1 oktober 2009 versie 1.0 Copyright Alle rechten voorbehouden. De inhoud van dit document blijft eigendom van

Nadere informatie

Hand-out Web Technologies, werkcollege 5 Alex Reuneker 2012

Hand-out Web Technologies, werkcollege 5 Alex Reuneker 2012 Hand-out Web Technologies, werkcollege 5 Alex Reuneker (a.reuneker@hhs.nl), 2012 1. Groeperen (div- en span-elementen) : Het HTML-element div is een block-level element (zie hand-out bij het

Nadere informatie

Hand-out Introduction to Programming, werkcollege 7 Alex Reuneker 2013

Hand-out Introduction to Programming, werkcollege 7 Alex Reuneker 2013 Hand-out Introduction to Programming, werkcollege 7 Alex Reuneker (a.reuneker@hhs.nl), 2013 1. Document Object Model (DOM) DOM: DOM staat voor Document Object Model. Het DOM is een model van webpagina

Nadere informatie

Besluit Kwaliteit Rijksoverheidswebsites

Besluit Kwaliteit Rijksoverheidswebsites Besluit Kwaliteit Rijksoverheidswebsites De Minister van Binnenlandse Zaken en Koninkrijksrelaties, Overwegende dat de Tweede Kamer bij motie van de leden Aasted-Madsen en Fierens d.d. 26 april 2006 (Kamerstukken

Nadere informatie

FFO Webdesign 1e jaar theorietoets NL niveau4... Totaal aantal vragen: 40

FFO Webdesign 1e jaar theorietoets NL niveau4... Totaal aantal vragen: 40 FFOUCHIER 01/11/2018 FFO Webdesign 1e jaar theorietoets NL niveau4... Totaal aantal vragen: 40 De meeste juiste antwoorden: #22 Minste Juiste antwoorden: #30 1. Selecteer de juiste HTML-code voor het maken

Nadere informatie

Basis-theme. Manage Wiki > Look and Feel > Themes > Change or make a new theme > Make a New Theme >

Basis-theme. Manage Wiki > Look and Feel > Themes > Change or make a new theme > Make a New Theme > Basis-theme Manage Wiki > Look and Feel > Themes > Change or make a new theme > Make a New Theme > Naam invullen en de code van basis-theme kopiëren en erin plakken

Nadere informatie

Besluit Kwaliteit Rijksoverheidswebsites

Besluit Kwaliteit Rijksoverheidswebsites BZK Besluit Kwaliteit Rijksoverheidswebsites 7 juli 2006/Nr. 2006-0000231475 De Minister van Binnenlandse Zaken en Koninkrijksrelaties, Overwegende dat de Tweede Kamer bij motie van de leden Aasted-Madsen

Nadere informatie

Cascading Style Sheets

Cascading Style Sheets Cascading Style Sheets Dit gedeelte wordt uitgebreid besproken in http://www.handleidinghtml.nl/css/index.html 1TIN Internettechnologie 2003-2004 les 07 1 Onderwerpen Cascading model Syntax Toevoegen van

Nadere informatie

NBTC html wijzigingen juni

NBTC html wijzigingen juni NBTC html wijzigingen juni Verstuurd naar GX: 23 juni 2014 1. Recently viewed Zie Change / Incident 1: Prijzen recently viewed zijn niet correct. Aan de recently viewed items wordt een extra label (met

Nadere informatie

5. Inhoud, structuur en opmaak met HTML en CSS

5. Inhoud, structuur en opmaak met HTML en CSS 5. Inhoud, structuur en opmaak met HTML en CSS Het oorspronkelijke doel van HTML was tekstinformatie via het "internet" uitwisselbaar maken onafhankelijk van het computersysteem of het besturingssysteem.

Nadere informatie

Webrichtlijnen onderzoek gemeente Westland

Webrichtlijnen onderzoek gemeente Westland Webrichtlijnen onderzoek gemeente Westland Accessibility webrichtlijnen Hieronder zijn de richtlijnen opgesteld na onderzoek op de website van de gemeente Westland, deze test ook wel de 126 webrichtlijnen

Nadere informatie

Technische werking whitelabel reviewmodule

Technische werking whitelabel reviewmodule Na integratie van de whitelabel reviewmodule van Kieskeurig.nl kunnen bezoekers via jouw website reviews op Kieskeurig.nl en je eigen website achterlaten. In dit document vind je meer informatie over de

Nadere informatie

HTML. Tabellen. Hans Roeyen V 3.0

HTML. Tabellen. Hans Roeyen V 3.0 Tabellen Hans Roeyen V 3.0 12 februari 2015 Inhoud 1. Tabellen... 3 1.1. De Tabel tags... 3 1.1.1. Het border attribuut... 4 1.2. De Tabel cellen... 4 1.3. Alignering en spanning... 8 1.1.2. De align attributen...

Nadere informatie

Voor vragen: http://www.richard3332.nl/ of mail naar Richard3332@gmail.com

Voor vragen: http://www.richard3332.nl/ of mail naar Richard3332@gmail.com Welkom bij mijn website tutorial (Deel 7) Ik ga uit van Microsoft XP voor de duidelijkheid. Ik heb dus geen idee of de programma s die ik gebruik ook op Vista werken. Notepad++ werkt zowieso op xp en Vista.

Nadere informatie

Informatietechnologie 1. HTML: Tabellen en Formulieren. Kristof Michiels

Informatietechnologie 1. HTML: Tabellen en Formulieren. Kristof Michiels Informatietechnologie 1 HTML: Tabellen en Formulieren Kristof Michiels In deze presentatie Tabellen Formulieren 2 / 40 Tabellen Tabellen Wanneer/waarom tabellen gebruiken? HTML-structuur van tabellen Cellen

Nadere informatie

HTML. Formulieren. Hans Roeyen V 3.0

HTML. Formulieren. Hans Roeyen V 3.0 Formulieren Hans Roeyen V 3.0 26 februari 2015 Inhoud 1. Formulieren... 3 1.1. De form tag... 3 1.1.1. Het action attribute... 4 1.1.2. Het method attribute... 4 1.2. De input tag... 4 1.3. Soorten input

Nadere informatie

Webrichtlijnen en toegankelijkheid

Webrichtlijnen en toegankelijkheid Webrichtlijnen en toegankelijkheid WCAG, (X)HTML Strict en semantische markup Bij het maken van webtoepassingen hebben ontwikkelaars onvermijdelijk te maken met webrichtlijnen. En dit is niet beperkt tot

Nadere informatie

Inleiding website maken

Inleiding website maken Inleiding website maken Bert Dingemans DLA Ontwerp & Software http://www.dla-os.nl bert@dla-os.nl DLA Ontwerp & Software, Culemborg 1 Titel Docent Veronderstelde voorkennis Samenvatting Aantal bijeenkomsten

Nadere informatie

12.1 Frames als structuur voor je website

12.1 Frames als structuur voor je website BOUWSTEEN 12 Het gebruik van frames 12.1 Frames als structuur voor je website Naast gebruik van inline frames kan je de structuur van je website helemaal via frames opzetten i.p.v. via tabellen. Bij tabellen

Nadere informatie

Web building basis: HTML. Karel Nijs 2008/09

Web building basis: HTML. Karel Nijs 2008/09 Web building basis: HTML Karel Nijs 2008/09 Web building basis eerste les HTML intro Browsers HTML elementen HTML basis tags HTML attributen HTML kleuren HTML formattering Extra: HTML entities Web building

Nadere informatie

Pro templates. Copyright Starteenwinkel.nl

Pro templates. Copyright Starteenwinkel.nl Pro templates Copyright Starteenwinkel.nl Lees in deze handleiding over: 1. PRO templates; voor wie geschikt? 2. Aan de slag met een PRO template 3. Template Designer 4. Template Editor 5. Sliders aanpassen

Nadere informatie

TOEGEPASTE INFORMATICA

TOEGEPASTE INFORMATICA Katholieke Hogeschool Zuid-West-Vlaanderen Studiegebied handelswetenschappen en bedrijfskunde Industriële wetenschappen en technologie opleiding van één cyclus DEPARTEMENT VHTI VRIJ HOGER INSTITUUT VOOR

Nadere informatie

HTML voor nieuwsbrieven

HTML voor nieuwsbrieven Voorwaarden en specificaties HTML voor nieuwsbrieven HTML e mails zoals wij die versturen, voldoen aan een aantal richtlijnen voor een optimale verzending en aflevering van nieuwsbrieven. Op advies van

Nadere informatie

Introductie. Wat is HTML?

Introductie. Wat is HTML? Introductie Wat is HTML? Hypertext Markup Language (HTML) is de taal van het World Wide Web. Elk document op het web is geschreven in HTML en alle onderdelen - zoals de opmaak van documenten, koppelingen,

Nadere informatie

Inhoudsopgave. Inhoudsopgave... 2. 1. Inleiding... 3. 2. Het begin... 4. 3. Opmaak... 6. 5. Formulieren... 16. 6. Editors... 23. 7. Webbrowsers...

Inhoudsopgave. Inhoudsopgave... 2. 1. Inleiding... 3. 2. Het begin... 4. 3. Opmaak... 6. 5. Formulieren... 16. 6. Editors... 23. 7. Webbrowsers... 1 Inhoudsopgave Inhoudsopgave... 2 1. Inleiding... 3 2. Het begin.... 4 3. Opmaak... 6 5. Formulieren... 16 6. Editors... 23 7. Webbrowsers... 24 8. Webhosting... 25 9. Website uploaden... 27 10. Website

Nadere informatie

Oplossingen overzicht PHP. Oplossing KPN opgave, zonder testen van POST

Oplossingen overzicht PHP. Oplossing KPN opgave, zonder testen van POST Oplossingen overzicht PHP Oplossing KPN opgave, zonder testen van POST internetminuten in welke categorie val ik?

Nadere informatie

Extra: Hoe u uw website met HTML kunt verbeteren

Extra: Hoe u uw website met HTML kunt verbeteren Extra: Hoe u uw website met HTML kunt verbeteren HTML is een afkorting van Hyper Text Markup Language. Zoals de term al zegt is het een "opmaak taal", dat wil zeggen het vertelt de browser door middel

Nadere informatie

Programmeren in MyShop

Programmeren in MyShop Programmeren in MyShop Wat leer je in dit hoofdstuk: - Wat HTML en CSS is - (Een heel klein beetje) HTML - (Een heel klein beetje) CSS - Een aangepaste footer maken ( deurmat ) Eindresultaat Je gaat je

Nadere informatie

file:///macintosh%20hd/users/--/desktop/kompo... Maak een nieuwe map op het Buroblad. Noem deze map "mijnsite" en plaats Pinguins.

file:///macintosh%20hd/users/--/desktop/kompo... Maak een nieuwe map op het Buroblad. Noem deze map mijnsite en plaats Pinguins. HTML Cursus Hier vind je de cursus op het internet: www.acc.dds.nl/acconline/ Download Pinguins.jpg van: www.acc.dds.nl/lesonline/kompozer/htmlcursus/pinguins.jpg Download de html bestanden van: www.acc.dds.nl/lesonline/kompozer/htmlcursus/index.html

Nadere informatie

Mailing List Manager. Hoofdstuk 19

Mailing List Manager. Hoofdstuk 19 Mailing List Manager Een MLM (Mailing List Manager) dient enerzijds om mailinglijsten te maken en daar berichten naar te sturen. Dat is de beheerkant. Anderzijds kan men zich als gebruiker met een MLM

Nadere informatie

HTML. Basiscursus HTML. Sima

HTML. Basiscursus HTML. Sima HTML Basiscursus HTML Sima Inhoud De basis... 2 Benodigdheden... 2 Je eerste pagina... 3 Opslaan... 3 Je eerste pagina ontleed... 4 Elementen en tags... 4 Alinea's... 6 Divisies... 6 Woorddelen, woorden

Nadere informatie

Markup: HTML en CSS. Hoorcollege Webdesign 3 2 mei 2014 Frans Wiering

Markup: HTML en CSS. Hoorcollege Webdesign 3 2 mei 2014 Frans Wiering Markup: HTML en CSS Hoorcollege Webdesign 3 2 mei 2014 Frans Wiering 1 Inhoud XHTML XML en toepassingen basis CSS aantal slides ontleend aan: Anders Møller & Michael I. Schwartzbach. An Introduction to

Nadere informatie

HTML & CSS. Studievaardigheden 2013. Frank Takes (ftakes@liacs.nl) LIACS, Universiteit Leiden

HTML & CSS. Studievaardigheden 2013. Frank Takes (ftakes@liacs.nl) LIACS, Universiteit Leiden HTML & CSS Studievaardigheden 2013 Frank Takes (ftakes@liacs.nl) LIACS, Universiteit Leiden Inleiding Voorkennis: geen Stof: www.w3schools.com en dit college: www.liacs.nl/~ftakes/pdf/htmlcss.pdf Opdracht:

Nadere informatie

Les 1a: Downloaden en instellen van software Software gebruik

Les 1a: Downloaden en instellen van software Software gebruik Les 1a: Downloaden en instellen van software Software gebruik Eisen computer Deze e-cursus heb ik geschreven voor gebruikers van een Windows computer. Zelf gebruik ik voor deze cursus Windows 7. Mocht

Nadere informatie

INTERNET STANDAARDEN HC1

INTERNET STANDAARDEN HC1 9 September 2008 INTERNET STANDAARDEN HC1 Wat is het internet? Wat zijn standaarden? Wat gaan we doen dit jaar? Hogeschool van Amsterdam Instituut voor Interactieve Media Hogeschool van Amsterdam Instituut

Nadere informatie

O.O.P.-Project Toegankelijke Webportalen aan de K.U.Leuven

O.O.P.-Project Toegankelijke Webportalen aan de K.U.Leuven KATHOLIEKE UNIVERSITEIT LEUVEN O.O.P.-Project Toegankelijke Webportalen aan de K.U.Leuven Richtlijnen voor het maken van toegankelijke webpagina's Auteurs: Nadia Diraä & Christophe Strobbe email: nadia.diraa@esat.kuleuven.be

Nadere informatie

Met het element <table> kan je een tabel invoegen, met </table> sluit je de tabel terug af.

Met het element <table> kan je een tabel invoegen, met </table> sluit je de tabel terug af. Les 7: Tabellen. Tabellen is iets dat veel en graag gebruikt wordt, met tabellen kun je immers een heleboel zaken overzichtelijker weergeven. Een tabel aanmaken in Html vergt wat inspanning omdat je met

Nadere informatie

6,9. Werkstuk door een scholier 6492 woorden 30 november keer beoordeeld. Informatica. Inleiding

6,9. Werkstuk door een scholier 6492 woorden 30 november keer beoordeeld. Informatica. Inleiding Werkstuk door een scholier 6492 woorden 30 november 2003 6,9 50 keer beoordeeld Vak Informatica Inleiding Dit technische verslag gaat over JavaScript. Ik heb dit onderwerp gekozen, omdat het een gewaagd

Nadere informatie

Foutcontrole met Javascript

Foutcontrole met Javascript Foutcontrole met Javascript Pol Van Dingenen Yannick Van Hauwe INLEIDING Het controleren van de gegevens die ingevuld zijn in formulieren is heel erg belangrijk. In de praktijk is enkel en alleen controle

Nadere informatie

DTD - Inleiding. Document Type Definitions (DTDs)

DTD - Inleiding. Document Type Definitions (DTDs) DTD document Type Definition inleiding dtd - Elementen dtd - Attributen dtd - Commentaar dtd En verder... dtd

Nadere informatie

Voor vragen: http://www.richard3332.nl/ of mail naar Richard3332@gmail.com

Voor vragen: http://www.richard3332.nl/ of mail naar Richard3332@gmail.com Welkom bij mijn website tutorial (Deel 5) Ik ga uit van Microsoft XP voor de duidelijkheid. Ik heb dus geen idee of de programma s die ik gebruik ook op Vista werken. Notepad++ werkt zowieso op xp en Vista.

Nadere informatie

Hosting. Bestelformulier en domeinnaamcontrole. Januari, 2013. WeFact B.V. Kuiper 7a 5521 DG Eersel Nederland. w: www.wefact.nl e: helpdesk@wefact.

Hosting. Bestelformulier en domeinnaamcontrole. Januari, 2013. WeFact B.V. Kuiper 7a 5521 DG Eersel Nederland. w: www.wefact.nl e: helpdesk@wefact. Hosting Januari, 2013 Bestelformulier en domeinnaamcontrole WeFact B.V. Kuiper 7a 5521 DG Eersel Nederland w: www.wefact.nl e: helpdesk@wefact.nl Introductie Algemeen In deze handleiding wordt uitgelegd

Nadere informatie

Startpagina. Inloggen

Startpagina. Inloggen Handleiding gebruik Mira website Startpagina Als je naar de Mira website gaat (http://www.mira.be/) zal je nergens een login-functie zien. Deze is bewust verborgen gehouden om geen inbrekers aan te lokken.

Nadere informatie

Zonnepanelen Hoe krijg je de data op je website?

Zonnepanelen Hoe krijg je de data op je website? Zonnepanelen Hoe krijg je de data op je website? Beste website-bezoeker, Omdat ik al heel wat vragen kreeg over het gedeelte zonne-energie op mijn website, heb ik besloten om de werkwijze die ik gevolgd

Nadere informatie

Software 1. Basis HTML. bachelor grafische en digitale media cross-media ontwerp & grafimediatechnologie academiejaar 2009-2010 semester 1

Software 1. Basis HTML. bachelor grafische en digitale media cross-media ontwerp & grafimediatechnologie academiejaar 2009-2010 semester 1 Software 1 Basis HTML bachelor grafische en digitale media cross-media ontwerp & grafimediatechnologie academiejaar 2009-2010 semester 1 Alain Simons alain.simons@artesis.be Basis HTML 1. Introductie 2.

Nadere informatie

HTML voor nieuwsbrieven

HTML voor nieuwsbrieven Voorwaarden en specificaties HTML voor nieuwsbrieven HTML e-mails zoals wij die versturen, voldoen aan een aantal richtlijnen voor een optimale verzending en aflevering van nieuwsbrieven. Op advies van

Nadere informatie

I'VE GOT EM FRONTEND DEVELOPMENT LES 3

I'VE GOT EM FRONTEND DEVELOPMENT LES 3 I'VE GOT EM FRONTEND DEVELOPMENT LES 3 VORIGE WEEK CSS bling Selectors deel 1 Even heel kort samenvatten waar we het ook al weer over hebben gehad vorige week. Niet te lang bij stilstaan want er is heel

Nadere informatie

Request for Comments Presentatie elementen

Request for Comments Presentatie elementen Request for Comments Presentatie elementen Inleiding Alle partijen deelnemend aan SBR hebben belang bij een visie en een daarop aansluitende releasekalender met voorgenomen wijzigingen in de taxonomie.

Nadere informatie

handleiding RSS SETUP

handleiding RSS SETUP handleiding RSS SETUP In dit document wordt beschreven hoe je RSS-feeds automatisch kan inladen in e-mailtemplates in MailPlus. Het document is bedoeld als handvat voor de optimalisatie voor RSS-feeds.

Nadere informatie

Gebruikershandleiding voor: Beperkte Password protectie met JavaScript

Gebruikershandleiding voor: Beperkte Password protectie met JavaScript Gebruikershandleiding voor: Beperkte Password protectie met JavaScript URL: http://home.hccnet.nl/s.f.boukes/html-2/html-202.htm INHOUD : 1. Structuur van een beveiligde site 2. Login-formulier 3. Login

Nadere informatie

Y.S. Lubbers en W. Witvoet

Y.S. Lubbers en W. Witvoet WEBDESIGN Eigen Site Evaluatie door: Y.S. Lubbers en W. Witvoet 1 Summary Summary Prefix 1. Content en structuur gescheiden houden 2. Grammaticaal correcte en beschrijvende markup 3. Kopregels 4. Client-

Nadere informatie

Informatica. 2 e graad 2 e jaar

Informatica. 2 e graad 2 e jaar Informatica 2 e graad 2 e jaar Inhoudstafel Inhoudstafel... 2 1. Wat is XHTML en hoe werkt het?... 3 2. Tags... 6 2.1. Wat zijn Tags?... 6 2.2. Basisstructuur van een webpagina... 7 3. Soorten Tags...

Nadere informatie

Web Accessibility Checker atutor.ca/achecker. Tuesday July 11, :30:28

Web Accessibility Checker atutor.ca/achecker. Tuesday July 11, :30:28 Tuesday July 11, 2017 14:30:28 Source URL: http://www.rucphen.nl Source Title: Inwoner - Gemeente Rucphen Accessibility Review (Guidelines: WCAG 2.0 (Level AA)) Report on known problems (0 found): Congratulations!

Nadere informatie

HTML&CSS OEFENBOEKJE. van:

HTML&CSS OEFENBOEKJE. van: HTML&CSS OEFENBOEKJE van: HTML SYNTAX De meeste HTML tags zien eruit zoals hierboven. Een tag om te openen , en een tag om te sluiten . De letters die tussen de staan, geven aan wat voor

Nadere informatie

Inhoud. 1 Van digitaal visitekaartje tot dotcom... 15. 2 Software downloaden, installeren en configureren... 31

Inhoud. 1 Van digitaal visitekaartje tot dotcom... 15. 2 Software downloaden, installeren en configureren... 31 Inhoud 1 Van digitaal visitekaartje tot dotcom............................. 15 Webwinkel, thuiswinkel, online shop,................................ 15 Voor wie is dit boek bedoeld?..........................................

Nadere informatie

Om te beginnen heb je een geraamte van je website nodig. Maak een nieuwe map met de naam gevorderden_website aan om je website in te zetten.

Om te beginnen heb je een geraamte van je website nodig. Maak een nieuwe map met de naam gevorderden_website aan om je website in te zetten. 1 2 Als je de Beginner en Midden HTML & CSS Sushi Kaarten hebt afgerond, dan weet je al veel over het programmeren met deze twee talen. Deze kaarten leren je hoe je al die onderdelen samenvoegt om een

Nadere informatie

HTML-practicum. Medische Informatiekunde. Module 1.1 Onderdeel Netwerken

HTML-practicum. Medische Informatiekunde. Module 1.1 Onderdeel Netwerken HTML-practicum Medische Informatiekunde Module 1.1 Onderdeel Netwerken Dr.ir. G.J. Louter Afdeling Klinische Informatiekunde AMC, J1b-114, tel: 020-5665183 e-mail: Baas.Louter@amc.uva.nl Studiejaar: 2009-2010

Nadere informatie

A HTML 4 Block & Level Elements en Inline Elements

A HTML 4 Block & Level Elements en Inline Elements A HTML 4 Block & Level Elements en Inline Elements Most HTML 4 elements permitted within the BODY are classified as either block&level elements or inline elements. Block&level elements typically contain

Nadere informatie

Oefeningenbundel JavaScript 1. Computerclub Volwassenen, Jeugd en Informatica vzw Oefeningenbundel bij cursus JavaScript.

Oefeningenbundel JavaScript 1. Computerclub Volwassenen, Jeugd en Informatica vzw   Oefeningenbundel bij cursus JavaScript. Oefeningenbundel JavaScript 1 Computerclub Volwassenen, Jeugd en Informatica vzw www.vji.be Oefeningenbundel bij cursus JavaScript JavaScript Stefan Cruysberghs www.scip.be Maart 2004 Oefeningenbundel

Nadere informatie

HTML. Ruud Koortens Informatica Lyceum Sancta Maria Instruct

HTML. Ruud Koortens Informatica Lyceum Sancta Maria Instruct HTML Ruud Koortens Informatica Lyceum Sancta Maria Instruct HTML 1 HTML-bestanden maken 1.1 Elementen en tags 1.2 Een simpel HTML-bestand 1.2.1 Hyperlinks 1.2.2 URL Relatieve URL s 1.2.3 Koppen en alinea

Nadere informatie

Gebruik template. Pagina opbouw. Datum : 15 10 2001 Auteur : ZappWerk

Gebruik template. Pagina opbouw. Datum : 15 10 2001 Auteur : ZappWerk Gebruik template Datum : 15 10 2001 Auteur : ZappWerk In dit document wordt het gebruik van de site template toegelicht. Beschreven wordt hoe de verschillende onderdelen in de in de pagina te plaatsen.

Nadere informatie

Naam cursist: Als er iets niet duidelijk is kijk dan eens op: http://html.op-het.net/ 1 Leerkracht: Gielen Jeroen

Naam cursist: Als er iets niet duidelijk is kijk dan eens op: http://html.op-het.net/ 1 Leerkracht: Gielen Jeroen Als er iets niet duidelijk is kijk dan eens op: http://html.op-het.net/ 1 Leerkracht: Gielen Jeroen Inleiding: Hoe zit het internet in elkaar? Client is in ons geval is de trage PC hier op school of de

Nadere informatie

Handleiding Woonz.nl iframe

Handleiding Woonz.nl iframe Handleiding Woonz.nl iframe Woonz.nl biedt de mogelijkheid om uw actuele woningaanbod op Woonz.nl op uw website te tonen. Hiervoor dient u eerst een API-key te ontvangen van Woonz.nl, dit is een sleutel

Nadere informatie

Sushi MIJN EERSTE WEBSITE. DE STIJL VAN HET BOVENSTE MENU AANPASSEN Kaart 6 van 10 Ik ben HTML/CSS aan het leren. Naar daar.

Sushi MIJN EERSTE WEBSITE. DE STIJL VAN HET BOVENSTE MENU AANPASSEN Kaart 6 van 10 Ik ben HTML/CSS aan het leren. Naar daar. MIJN EERSTE WEBSITE Sushi DE STIJL VAN HET BOVENSTE MENU AANPASSEN Kaart 6 van 10 Van hier Naar daar 1 2 3 Doe het stap voor stap om te zien hoe CSS werkt! Voeg een rand toe van 1 punt in de breedte om

Nadere informatie

Content Management System

Content Management System Content Management System Een CMS (Content Management System) dient om speciale gebruikers online gelegenheid te geven de inhoud van een website aan te passen. Er kunnen verschillende soorten tekst (en

Nadere informatie

HANDLEIDING I-MATE. Inhoud. I-Mate handleiding

HANDLEIDING I-MATE. Inhoud. I-Mate handleiding HANDLEIDING I-MATE Inhoud I-Mate handleiding 1. Opstarten van I-Mate 2. Opbouw van I-Mate 3. Een pagina in de editor openen 4. Tekst invoeren en aanpassen 5. Tekst opmaken 6. Lijsten aanmaken 7. Een horizontale

Nadere informatie

BASISELEMENTEN <form> <input> <textarea> <select> & <option> </form> INPUT element. INPUT attributen: type, id & name

BASISELEMENTEN <form> <input> <textarea> <select> & <option> </form> INPUT element. INPUT attributen: type, id & name Je kan een basisformulier opzetten voor je website Je kan informatie opvragen op verschillende manieren Je kan een formulier opmaken met CSS 3 Je kan formulieren beheren in Adobe Dreamweaver GERICHT INFORMATIE

Nadere informatie

Informatietechnologie 1. HTML: DOM, Links en Afbeeldingen. Links en afbeeldingen. Kristof Michiels

Informatietechnologie 1. HTML: DOM, Links en Afbeeldingen. Links en afbeeldingen. Kristof Michiels Informatietechnologie 1 HTML: DOM, Links en Afbeeldingen Links en afbeeldingen Kristof Michiels In deze presentatie DOM of Document Object Model Links (a element) Naar externe pagina's Naar documenten

Nadere informatie

Websitecursus deel 1 HTML

Websitecursus deel 1 HTML Websitecursus deel 1 HTML WebCie A Eskwadraat www@a-eskwadraat.nl 8 april 2015 Inleiding Website cursus in drie delen: HTML CSS Javascript We gaan uit van geen voorkennis. Als je vragen hebt, stel ze!

Nadere informatie

HTML BEGINNER Inhoudsopgave

HTML BEGINNER Inhoudsopgave Inhoudsopgave 6 7 8 9 0 Configuratie Een webpagina maken Een stijlbestand toevoegen Een lijst maken Afbeeldingen toevoegen Meer pagina's toevoegen Links maken Navigeren op je website Een menu maken Het

Nadere informatie

Websites maken met HTML, CSS en Dreamweaver en zonder JAVA, of JAVA-script of Flash

Websites maken met HTML, CSS en Dreamweaver en zonder JAVA, of JAVA-script of Flash Websites maken met HTML, CSS en Dreamweaver en zonder JAVA, of JAVA-script of Flash INHOUDSOPGAVE Inleiding DEEL I: THEORIE Hoofdstuk 1: Richtlijnen Webstandaarden Voordelen Hoofdstuk 2: HTML De geschiedenis

Nadere informatie

Websiteontwikkeling HTML 5 & CSS. Naam: Klas: 2016 versie:concept-0.2.0

Websiteontwikkeling HTML 5 & CSS. Naam: Klas: 2016 versie:concept-0.2.0 Websiteontwikkeling HTML 5 & CSS X Naam: Klas: 2016 versie:concept-0.2.0 Voorwoord CONCEPT Voorwoord In deze module 'Websiteontwikkeling' komen de onderdelen HTML5 en CSS3 aan de orde. Opbouw van de module

Nadere informatie

joomladagen 2017 fl ex box niels

joomladagen 2017 fl ex box niels joomladagen 2017 fl ex box niels leenheer @html5test joomla? wat is flexbox? assen main axis cross axis start end start end containers en kinderen

Nadere informatie