HTML elementen en attributen (volgens de Strict DTD)

Vergelijkbare documenten
HTML5 overzicht Tag Uitleg Versie Attributen

Wat is een child-theme?

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

Besproken in de cursus Vervolg Webdesign CC19VO08

Internet_html.doc 1/6

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

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

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

Web building basis: HTML. Karel Nijs 2008/09

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

Schrijven voor het web. 1TIN Internettechonologie les 02 1

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

Cursus HTML voor beginners

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

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

GVR Soft s HTMLcursus

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

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

HTML BASISCURSUS. ICT HTML basiscursus 1

Frontend ontwikkeling

Versie 2.0 (mei 2005)

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

Internet Standaarden HC4

Inhoud. Pagina 2 van 13

TAGS

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

HTML richtlijnen marketing. part of the valley

Hand-out Web Technologies, werkcollege 5 Alex Reuneker 2012

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

Besluit Kwaliteit Rijksoverheidswebsites

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

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

Besluit Kwaliteit Rijksoverheidswebsites

Cascading Style Sheets

NBTC html wijzigingen juni

5. Inhoud, structuur en opmaak met HTML en CSS

Webrichtlijnen onderzoek gemeente Westland

Technische werking whitelabel reviewmodule

HTML. Tabellen. Hans Roeyen V 3.0

Voor vragen: of mail naar

Informatietechnologie 1. HTML: Tabellen en Formulieren. Kristof Michiels

HTML. Formulieren. Hans Roeyen V 3.0

Webrichtlijnen en toegankelijkheid

Inleiding website maken

12.1 Frames als structuur voor je website

Web building basis: HTML. Karel Nijs 2008/09

Pro templates. Copyright Starteenwinkel.nl

TOEGEPASTE INFORMATICA

HTML voor nieuwsbrieven

Introductie. Wat is HTML?

Inhoudsopgave. Inhoudsopgave Inleiding Het begin Opmaak Formulieren Editors Webbrowsers...

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

Extra: Hoe u uw website met HTML kunt verbeteren

Programmeren in MyShop

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

Mailing List Manager. Hoofdstuk 19

HTML. Basiscursus HTML. Sima

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

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

Les 1a: Downloaden en instellen van software Software gebruik

INTERNET STANDAARDEN HC1

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

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

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

Foutcontrole met Javascript

DTD - Inleiding. Document Type Definitions (DTDs)

Voor vragen: of mail naar

Hosting. Bestelformulier en domeinnaamcontrole. Januari, WeFact B.V. Kuiper 7a 5521 DG Eersel Nederland. w: e:

Startpagina. Inloggen

Zonnepanelen Hoe krijg je de data op je website?

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

HTML voor nieuwsbrieven

I'VE GOT EM FRONTEND DEVELOPMENT LES 3

Request for Comments Presentatie elementen

handleiding RSS SETUP

Gebruikershandleiding voor: Beperkte Password protectie met JavaScript

<meta name="description" content= "de tekst die in zoekresultaten bij de link te lezen is" />

Y.S. Lubbers en W. Witvoet

Informatica. 2 e graad 2 e jaar

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

HTML&CSS OEFENBOEKJE. van:

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

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.

HTML-practicum. Medische Informatiekunde. Module 1.1 Onderdeel Netwerken

A HTML 4 Block & Level Elements en Inline Elements

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

HTML. Ruud Koortens Informatica Lyceum Sancta Maria Instruct

Gebruik template. Pagina opbouw. Datum : Auteur : ZappWerk

Naam cursist: Als er iets niet duidelijk is kijk dan eens op: 1 Leerkracht: Gielen Jeroen

Handleiding Woonz.nl iframe

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

Content Management System

HANDLEIDING I-MATE. Inhoud. I-Mate handleiding

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

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

Websitecursus deel 1 HTML

HTML BEGINNER Inhoudsopgave

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

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

joomladagen 2017 fl ex box niels

Transcriptie:

HTML 4.01 - 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,

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,

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

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

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

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,,

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

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

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" "http://www.w3.org/tr/html4/strict.dtd"> 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:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/tr/html4/loose.dtd"> 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" "http://www.w3.org/tr/html4/frameset.dtd"> 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 http://www.w3.org/tr/html401/sgml/dtd.html Loose DTD http://www.w3.org/tr/html401/sgml/loosedtd.html Frameset DTD http://www.w3.org/tr/html401/sgml/framesetdtd.html HTML 4.01 specificatie - http://www.w3.org/tr/html401/ Copyright 2002 Angelica Ars, Amsterdam, Nederland. Alle rechten voorbehouden.