CINXE.COM

<!DOCTYPE html> <html lang="de-x-formal" dir="ltr" class="client-nojs"> <head> <meta charset="UTF-8"/> <title>HTML – SELFHTML-Wiki</title> <script>document.documentElement.className = document.documentElement.className.replace( /(^|\s)client-nojs(\s|$)/, "$1client-js$2" );</script> <script>(window.RLQ=window.RLQ||[]).push(function(){mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"HTML","wgTitle":"HTML","wgCurRevisionId":101326,"wgRevisionId":101326,"wgArticleId":94,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":["HTML","Tutorial","Portal"],"wgBreakFrames":false,"wgPageContentLanguage":"de-formal","wgPageContentModel":"wikitext","wgSeparatorTransformTable":[",\t.",".\t,"],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","Januar","Februar","März","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember"],"wgMonthNamesShort":["","Jan.","Feb.","Mär.","Apr.","Mai","Jun.","Jul.","Aug.","Sep.","Okt.","Nov.","Dez."],"wgRelevantPageName":"HTML","wgRelevantArticleId":94,"wgRequestId":"Z@RJ3SRjBFpxJOSsQCsrmQAAAAM","wgIsProbablyEditable":false,"wgRestrictionEdit":["sysop"],"wgRestrictionMove":["sysop"],"wgWikiEditorEnabledModules":{"toolbar":false,"dialogs":false,"preview":false,"publish":false},"wgCategoryTreePageCategoryOptions":"{\"mode\":0,\"hideprefix\":20,\"showcount\":true,\"namespaces\":false}"});mw.loader.implement("user.options",function($,jQuery,require,module){mw.user.options.set({"variant":"de-formal"});});mw.loader.implement("user.tokens",function ( $, jQuery, require, module ) { mw.user.tokens.set({"editToken":"+\\","patrolToken":"+\\","watchToken":"+\\","csrfToken":"+\\"});/*@nomin*/; });mw.loader.load(["mediawiki.page.startup","ext.smw.style","skins.vector.js"]);});</script> <link rel="stylesheet" href="/load.php?debug=false&lang=de-formal&modules=ext.smw.style%7Cext.smw.tooltip.styles&only=styles&skin=selfhtml"/> <link rel="stylesheet" href="/load.php?debug=false&lang=de-formal&modules=mediawiki.legacy.commonPrint%2Cshared%7Cmediawiki.sectionAnchor%7Cmediawiki.skinning.interface%7Cskins.selfhtml&only=styles&skin=selfhtml"/> <meta name="ResourceLoaderDynamicStyles" content=""/> <link rel="stylesheet" href="/load.php?debug=false&lang=de-formal&modules=site&only=styles&skin=selfhtml"/> <script async="" src="/load.php?debug=false&lang=de-formal&modules=startup&only=scripts&skin=selfhtml"></script> <meta name="generator" content="MediaWiki 1.27.3"/> <link rel="ExportRDF" type="application/rdf+xml" title="HTML" href="/index.php?title=Spezial:RDF_exportieren/HTML&xmlmime=rdf"/> <link rel="shortcut icon" href="/skins/Selfhtml/images/favicon2.ico"/> <link rel="search" type="application/opensearchdescription+xml" href="/opensearch_desc.php" title="SELFHTML-Wiki (de-formal)"/> <link rel="EditURI" type="application/rsd+xml" href="//wiki.selfhtml.org/api.php?action=rsd"/> <link rel="copyright" href="http://creativecommons.org/licenses/by-sa/3.0/de/"/> <meta name="viewport" content="width=device-width, initial-scale=1" /> </head> <body class="mediawiki ltr sitedir-ltr capitalize-all-nouns ns-0 ns-subject page-HTML rootpage-HTML skin-selfhtml action-view"> <div id="mw-page-base" class="noprint"></div> <div id="mw-head-base" class="noprint"></div> <div id="content" class="mw-body" role="main"> <a id="top"></a> <div id="siteNotice"><div id="localNotice" lang="de-x-formal" dir="ltr"><div style="border: thin solid var(--red);padding: 0.5em"> <div style="font-size:1.5em; font-weight:bold;"><span style="color:var(--red);" id="anni30"></span> SELF-Treffen in Mannheim 2025</div> <p>SELFHTML wird 30 Jahre alt! → <a rel="nofollow" class="external text" href="https://forum.selfhtml.org/events/12">Veranstaltungs-Ankündigung</a>. </p> </div> </div></div> <div class="mw-indicators"> </div> <h1 id="firstHeading" class="firstHeading" lang="de-x-formal">HTML</h1> <div id="bodyContent" class="mw-body-content"> <div id="siteSub">Aus SELFHTML-Wiki</div> <div id="contentSub"></div> <div id="jump-to-nav" class="mw-jump"> Wechseln zu: <a href="#mw-head">Navigation</a>, <a href="#p-search">Suche</a> </div> <div id="mw-content-text" lang="de-x-formal" dir="ltr" class="mw-content-ltr"><p><b>HTML</b> bestimmt den strukturellen Aufbau einer Internetseite. </p> <ul class="cards-list" style=""> <li class="card" style=""><div class="card-titel"><div class="logo"></div>HTML-Elemente</div><div class="card-inhalt"> <p>Referenz für den schnellen Überblick </p> </div><div class="card-link"><a href="/wiki/HTML/Elemente" title="HTML/Elemente"> </a></div></li> <li class="card" style="background:white;grid-row-end:span 2;"><div class="card-titel"><div class="logo"></div>Arbeiten mit dem Seiteninspektor</div><div class="card-inhalt"> <div class="bild"><img alt="Kontrast-Checker-im-Seiteninspektor.png" src="/images/b/b4/Kontrast-Checker-im-Seiteninspektor.png" width="748" height="563" /></div> </div><div class="card-link"><a href="/wiki/Arbeiten_mit_dem_Seiteninspektor" title="Arbeiten mit dem Seiteninspektor"> </a></div></li> <li class="card" style=""><div class="card-titel"><div class="logo"><strong style="font-size:2.5em;color:#dfac20;text-shadow:2px 2px 2px black;">A-Z</strong></div>Kategorie:HTML</div><div class="card-inhalt"> <br />Alle Seiten in alphabetischer Übersicht</div><div class="card-link"><a href="/wiki/Kategorie:HTML" title="Kategorie:HTML"> </a></div></li> <li class="card" style=""><div class="card-titel"><div class="logo"></div>HTML-Attribute</div><div class="card-inhalt"> <p>Referenz für den schnellen Überblick </p> </div><div class="card-link"><a href="/wiki/HTML/Attribute" title="HTML/Attribute"> </a></div></li> </ul> <h2><span class="mw-headline" id="Tutorials"><a href="/wiki/HTML/Tutorials" title="HTML/Tutorials">Tutorials</a></span></h2> <ul class="cards-list" style=""> <li class="card" style=""><div class="card-titel"><div class="logo"></div>Entstehung und Entwicklung</div><div class="card-inhalt"> <p>HTML, XHTML, HTML5 </p> </div><div class="card-link"><a href="/wiki/HTML/Tutorials/Entstehung_und_Entwicklung" title="HTML/Tutorials/Entstehung und Entwicklung"> </a></div></li> <li class="card" style=""><div class="card-titel"><div class="logo"></div>Element, Tag und Attribut</div><div class="card-inhalt"> <ul><li> Unterschied Element und Tag</li> <li> optionale Tags</li> <li> Attribute</li></ul> </div><div class="card-link"><a href="/wiki/HTML/Tutorials/Element,_Tag_und_Attribut" title="HTML/Tutorials/Element, Tag und Attribut"> </a></div></li> <li class="card" style=""><div class="card-titel"><div class="logo"></div>Grundgerüst</div><div class="card-inhalt"> <p>Kopiervorlage für Ungeduldige </p> </div><div class="card-link"><a href="/wiki/HTML/Tutorials/Grundger%C3%BCst" title="HTML/Tutorials/Grundgerüst"> </a></div></li> <li class="card" style=""><div class="card-titel"><div class="logo"></div>Seitenstrukturierung</div><div class="card-inhalt"> <ul><li> Absätze</li> <li> Überschriften</li> <li> header, footer & nav</li> <li> main</li> <li> article, section & aside</li></ul> </div><div class="card-link"><a href="/wiki/HTML/Tutorials/Seitenstrukturierung" title="HTML/Tutorials/Seitenstrukturierung"> </a></div></li> <li class="card" style=""><div class="card-titel"><div class="logo"></div>Textauszeichnung</div><div class="card-inhalt"> <ul><li> Hervorhebungen</li> <li> Abkürzungen</li> <li> Kontaktadresse</li></ul> </div><div class="card-link"><a href="/wiki/HTML/Tutorials/Textauszeichnung" title="HTML/Tutorials/Textauszeichnung"> </a></div></li> <li class="card" style=""><div class="card-titel"><div class="logo"></div>Kategorien</div><div class="card-inhalt"> <ul><li> Block- vs Inline-Elemente</li> <li> flow content</li> <li> phrasing content</li></ul> </div><div class="card-link"><a href="/wiki/HTML/Tutorials/Kategorien" title="HTML/Tutorials/Kategorien"> </a></div></li> </ul> <h2><span class="mw-headline" id="weitere_Tutorials">weitere Tutorials</span></h2> <ul class="cards-list" style=""> <li class="card light-mode" style="background:beige;grid-row-end:span 2;color:var(--text-color-light);--link-color:var(--link-color-light)"><div class="card-titel"><div class="logo"><div style="font-size:375%;font-weight:normal;line-height:100%;color:var(--red)"></></div></div>Einstieg in <span style="color:var(--red)">HTML</span></div><div class="card-inhalt"> <p>Der Kurs für die ersten Schritte in HTML und CSS </p><p>Schritt für Schritt zur eigenen Webseite </p> <div class="bild"><img alt="Html-einstieg-vorschau.png" src="/images/3/38/Html-einstieg-vorschau.png" width="800" height="470" /></div> </div><div class="card-link"><a href="/wiki/HTML/Tutorials/Einstieg" title="HTML/Tutorials/Einstieg" class="mw-redirect"> </a></div></li> <li class="card" style=""><div class="card-titel"><div class="logo"><img alt="" src="/images/thumb/7/78/HTML-CSS-JS.svg/400px-HTML-CSS-JS.svg.png" width="400" height="380" srcset="/images/thumb/7/78/HTML-CSS-JS.svg/600px-HTML-CSS-JS.svg.png 1.5x, /images/thumb/7/78/HTML-CSS-JS.svg/800px-HTML-CSS-JS.svg.png 2x" /></div>Trennung von Inhalt, Präsentation und Verhalten</div><div class="card-inhalt"> <p><br />… erklärt, welche Rollen die Techniken <b>HTML</b>, <b>CSS</b> und <b>JavaScript</b> spielen. </p> </div><div class="card-link"><a href="/wiki/HTML/Tutorials/Trennung_von_Inhalt,_Pr%C3%A4sentation_und_Verhalten" title="HTML/Tutorials/Trennung von Inhalt, Präsentation und Verhalten"> </a></div></li> <li class="card" style=""><div class="card-titel"><div class="logo"><img alt="" src="/images/thumb/b/b1/Form_Icon.svg/256px-Form_Icon.svg.png" width="256" height="256" srcset="/images/thumb/b/b1/Form_Icon.svg/384px-Form_Icon.svg.png 1.5x, /images/thumb/b/b1/Form_Icon.svg/512px-Form_Icon.svg.png 2x" /></div>Formulare</div><div class="card-inhalt"> <ul><li> Was ist ein Webformular?</li> <li> Benutzereingaben zugänglich gestalten</li> <li> browsereigene Validierung</li></ul> </div><div class="card-link"><a href="/wiki/Formulare" title="Formulare"> </a></div></li> <li class="card" style=""><div class="card-titel"><div class="logo"><img alt="" src="/images/thumb/f/ff/Multimedia-icon.svg/250px-Multimedia-icon.svg.png" width="250" height="250" srcset="/images/thumb/f/ff/Multimedia-icon.svg/375px-Multimedia-icon.svg.png 1.5x, /images/thumb/f/ff/Multimedia-icon.svg/500px-Multimedia-icon.svg.png 2x" /></div>Multimedia</div><div class="card-inhalt"> <ul><li> audio</li> <li> video</li> <li> Playlisten zusammenstellen</li></ul> </div><div class="card-link"><a href="/wiki/Multimedia" title="Multimedia"> </a></div></li> <li class="card light-mode" style="background:linear-gradient(to right, #afc6c5, #e4eaed);grid-row-end:span 2;color:var(--text-color-light)"><div class="card-titel"><div class="logo"></div><span style="color:var(--link-color-light)">Bilder im Internet</span></div><div class="card-inhalt"> <ul><li> Formate und Größen</li> <li> Einbindung</li> <li> responsive Bilder</li> <li> Bilder präsentieren</li> <li> Bilderkarussell (mit CSS-animation)</li></ul> <div class="bild" style="--offsetY:1em"><img alt="Landscape.svg" src="/images/thumb/5/54/Landscape.svg/512px-Landscape.svg.png" width="512" height="205" srcset="/images/thumb/5/54/Landscape.svg/768px-Landscape.svg.png 1.5x, /images/thumb/5/54/Landscape.svg/1024px-Landscape.svg.png 2x" /></div> </div><div class="card-link"><a href="/wiki/Bilder_im_Internet" title="Bilder im Internet"> </a></div></li> <li class="card" style=""><div class="card-titel"><div class="logo"><img alt="" src="/images/thumb/a/a9/Farbrad.svg/250px-Farbrad.svg.png" width="250" height="250" srcset="/images/thumb/a/a9/Farbrad.svg/375px-Farbrad.svg.png 1.5x, /images/thumb/a/a9/Farbrad.svg/500px-Farbrad.svg.png 2x" /></div>Farbe und Farbkonzept</div><div class="card-inhalt"> <ul><li> Farben und Kontraste</li> <li> Licht und Schatten</li></ul> </div><div class="card-link"><a href="/wiki/Farbe" title="Farbe"> </a></div></li> <li class="card" style=""><div class="card-titel"><div class="logo"><img alt="" src="/images/thumb/6/61/Onepager-icon.svg/512px-Onepager-icon.svg.png" width="512" height="512" srcset="/images/thumb/6/61/Onepager-icon.svg/768px-Onepager-icon.svg.png 1.5x, /images/thumb/6/61/Onepager-icon.svg/1024px-Onepager-icon.svg.png 2x" /></div>OnePager</div><div class="card-inhalt"> <p>(Single-Page Webseite mit Scroll) </p> <ul><li> Komfort-Version</li> <li> interactive Storytelling</li></ul> </div><div class="card-link"><a href="/wiki/OnePager" title="OnePager"> </a></div></li> <li class="card" style=""><div class="card-titel"><div class="logo"><img alt="" src="/images/thumb/4/4f/Popover-icon.svg/512px-Popover-icon.svg.png" width="512" height="512" srcset="/images/thumb/4/4f/Popover-icon.svg/768px-Popover-icon.svg.png 1.5x, /images/thumb/4/4f/Popover-icon.svg/1024px-Popover-icon.svg.png 2x" /></div>Infoboxen</div><div class="card-inhalt"> <p><br /> <b>Neu! Revolutionär!</b> </p> <div class="visualClear"></div> <ul><li> Popover</li> <li> modale Dialogfenster</li> <li> Akkordeon mit details</li></ul> <p>Popups ohne Programmieren!</p> </div><div class="card-link"><a href="/wiki/Infobox" title="Infobox"> </a></div></li> <li class="card" style=""><div class="card-titel"><div class="logo"><img alt="" src="/images/thumb/d/dc/Accessibility_logo.svg/512px-Accessibility_logo.svg.png" width="512" height="512" srcset="/images/thumb/d/dc/Accessibility_logo.svg/768px-Accessibility_logo.svg.png 1.5x, /images/thumb/d/dc/Accessibility_logo.svg/1024px-Accessibility_logo.svg.png 2x" /></div>WAI-ARIA</div><div class="card-inhalt"> <ul><li> landmark-roles</li> <li> aria-Attribute</li> <li> ARIA Live Regions</li></ul> </div><div class="card-link"><a href="/wiki/WAI-ARIA" title="WAI-ARIA"> </a></div></li> <li class="card" style=""><div class="card-titel"><div class="logo"><img alt="" src="/images/thumb/8/87/Language-Icon.svg/512px-Language-Icon.svg.png" width="512" height="593" srcset="/images/thumb/8/87/Language-Icon.svg/768px-Language-Icon.svg.png 1.5x, /images/thumb/8/87/Language-Icon.svg/1024px-Language-Icon.svg.png 2x" /></div>Internationalisierung</div><div class="card-inhalt"> <ul><li> Sprachauswahl</li> <li> Content Negotiation</li></ul> </div><div class="card-link"><a href="/wiki/Internationalisierung" title="Internationalisierung"> </a></div></li> <li class="card" style=""><div class="card-titel"><div class="logo"><img alt="" src="/images/thumb/7/7b/Link-icon.svg/250px-Link-icon.svg.png" width="250" height="250" srcset="/images/thumb/7/7b/Link-icon.svg/375px-Link-icon.svg.png 1.5x, /images/thumb/7/7b/Link-icon.svg/500px-Link-icon.svg.png 2x" /></div>Links</div><div class="card-inhalt"> <ul><li> Referenzieren in HTML</li> <li> Link-Gestaltung mit CSS</li></ul> </div><div class="card-link"><a href="/wiki/HTML/Tutorials/Links" title="HTML/Tutorials/Links"> </a></div></li> <li class="card" style=""><div class="card-titel"><div class="logo"><img alt="" src="/images/thumb/f/f8/List-icon.svg/512px-List-icon.svg.png" width="512" height="512" srcset="/images/thumb/f/f8/List-icon.svg/768px-List-icon.svg.png 1.5x, /images/thumb/f/f8/List-icon.svg/1024px-List-icon.svg.png 2x" /></div>Listen</div><div class="card-inhalt"> <ul><li> Gestaltung mit CSS</li> <li> Hybride Nummerierung</li> <li> Fußnoten mit CSS</li></ul> </div><div class="card-link"><a href="/wiki/HTML/Tutorials/Listen" title="HTML/Tutorials/Listen"> </a></div></li> <li class="card" style=""><div class="card-titel"><div class="logo"><img alt="" src="/images/thumb/9/99/Navigation-icon.svg/512px-Navigation-icon.svg.png" width="512" height="512" srcset="/images/thumb/9/99/Navigation-icon.svg/768px-Navigation-icon.svg.png 1.5x, /images/thumb/9/99/Navigation-icon.svg/1024px-Navigation-icon.svg.png 2x" /></div>Navigation</div><div class="card-inhalt"> <ul><li> Dropdown-Menüs</li> <li> Flyout-Menü</li></ul> </div><div class="card-link"><a href="/wiki/Navigation" title="Navigation"> </a></div></li> <li class="card" style=""><div class="card-titel"><div class="logo"><img alt="" src="/images/thumb/7/7e/Mail-icon.svg/512px-Mail-icon.svg.png" width="512" height="512" srcset="/images/thumb/7/7e/Mail-icon.svg/768px-Mail-icon.svg.png 1.5x, /images/thumb/7/7e/Mail-icon.svg/1024px-Mail-icon.svg.png 2x" /></div>E-Mail-Newsletter</div><div class="card-inhalt"> <p>E-Mails und E-Mail-Newsletter mit HTML und CSS gestalten </p> </div><div class="card-link"><a href="/wiki/HTML/Tutorials/responsive_E-Mail-Newsletter" title="HTML/Tutorials/responsive E-Mail-Newsletter"> </a></div></li> <li class="card" style=""><div class="card-titel"><div class="logo"><img alt="" src="/images/thumb/a/a2/Table-Icon.svg/512px-Table-Icon.svg.png" width="512" height="512" srcset="/images/thumb/a/a2/Table-Icon.svg/768px-Table-Icon.svg.png 1.5x, /images/thumb/a/a2/Table-Icon.svg/1024px-Table-Icon.svg.png 2x" /></div>Tabelle in HTML</div><div class="card-inhalt"> <ul><li> Aufbau</li> <li> Gestaltung mit CSS</li></ul> </div><div class="card-link"><a href="/wiki/Tabellen" title="Tabellen"> </a></div></li> <li class="card" style=""><div class="card-titel"><div class="logo"><img alt="" src="/images/thumb/f/fa/Quote-icon.svg/512px-Quote-icon.svg.png" width="512" height="512" srcset="/images/thumb/f/fa/Quote-icon.svg/768px-Quote-icon.svg.png 1.5x, /images/thumb/f/fa/Quote-icon.svg/1024px-Quote-icon.svg.png 2x" /></div>Zitate interessant gestalten</div><div class="card-inhalt"> <ul><li> q - Zitate im Fließtext</li> <li> blockquote</li></ul> </div><div class="card-link"><a href="/wiki/CSS/Tutorials/Zitate_interessant_gestalten" title="CSS/Tutorials/Zitate interessant gestalten"> </a></div></li> <li class="card" style=""><div class="card-titel"><div class="logo"><img alt="" src="/images/thumb/e/ee/Google_Fonts_logo.svg/512px-Google_Fonts_logo.svg.png" width="512" height="512" srcset="/images/thumb/e/ee/Google_Fonts_logo.svg/768px-Google_Fonts_logo.svg.png 1.5x, /images/thumb/e/ee/Google_Fonts_logo.svg/1024px-Google_Fonts_logo.svg.png 2x" /></div>Google-Fonts selbst hosten</div><div class="card-inhalt"> <ul><li> Fonts herunterladen</li> <li> CSS-Datei und .woff2-Fonts anfordern</li></ul> </div><div class="card-link"><a href="/wiki/HTML/Tutorials/Google-Fonts_selbst_hosten" title="HTML/Tutorials/Google-Fonts selbst hosten"> </a></div></li> <li class="card" style=""><div class="card-titel"><div class="logo"></div>Favicons</div><div class="card-inhalt"> <div class="bild"><img alt="Favicon.png" src="/images/2/26/Favicon.png" width="488" height="114" /></div> <p>Wie bekomme ich ein kleines Bild in Adresszeile, Reiter und Favoriten? </p> </div><div class="card-link"><a href="/wiki/Favicon" title="Favicon"> </a></div></li> <li class="card" style=""><div class="card-titel"><div class="logo"></div>Webseitenvorschau in Messenger Apps</div><div class="card-inhalt"> </div><div class="card-link"><a href="/wiki/HTML/Tutorials/Webseitenvorschau_in_Messenger_Apps" title="HTML/Tutorials/Webseitenvorschau in Messenger Apps"> </a></div></li> </ul> <p>  </p> <ul><li> <a href="/wiki/HTML/Tutorials/Adventskalender" title="HTML/Tutorials/Adventskalender">Adventskalender</a></li> <li> <a href="/wiki/HTML/Tutorials/Aktive_Inhalte_einbinden" title="HTML/Tutorials/Aktive Inhalte einbinden">Aktive Inhalte einbinden</a> (SVG, PDF …) </li> <li> <a href="/wiki/HTML/Tutorials/Code_in_HTML_darstellen" title="HTML/Tutorials/Code in HTML darstellen">Code in HTML darstellen</a></li> <li> <a href="/wiki/HTML/Tutorials/Quelltext_verstecken" title="HTML/Tutorials/Quelltext verstecken">Quelltext verstecken</a></li></ul> <p><b>Inhalte einbinden</b>: </p> <ul><li> <a href="/wiki/PHP/Tutorials/Templates/Dateien_mit_include_nachladen" title="PHP/Tutorials/Templates/Dateien mit include nachladen">Dateien mit include() nachladen</a></li> <li> einen <a href="/wiki/Geolocation#Einbindung_von_Karten" title="Geolocation">Kartenausschnitt mit Geolocation einbinden</a></li></ul> <p><br /> </p> <h2><span class="mw-headline" id="Weblinks"><a href="/wiki/HTML/Linkliste" title="HTML/Linkliste">Weblinks</a></span></h2> <h3><span class="mw-headline" id="Recommendations_.28Empfehlungen.29_des_W3-Konsortiums_zu_HTML">Recommendations (Empfehlungen) des W3-Konsortiums zu HTML</span></h3> <p>Absteigend von neueren zu älteren Sprachstandards sortiert. </p> <ul><li>WHATWG: <a rel="nofollow" class="external text" href="https://html.spec.whatwg.org/multipage/"><b>HTML Living Standard</b></a> — <i>Last Updated 22 November 2023</i> (wird immer wieder (ohne weitere Versionierungen) aktualisiert.)</li></ul> <dl><dt><a rel="nofollow" class="external text" href="http://www.w3.org/TR/xhtml11/">XHTML 1.1 Recommendation</a></dt> <dd> Offizielle Empfehlung des W3-Konsortiums zum XHTML-Sprachstandard 1.1. XHTML 1.1 ist im Gegensatz zu XHTML 1.0 modulbasiert und beinhaltet nur noch die "Strict"-Variante von HTML.<br /> <a rel="nofollow" class="external text" href="http://www.edition-w3c.de/TR/2001/REC-xhtml11-20010531/">Deutsche Übersetzung</a></dd> <dt><a rel="nofollow" class="external text" href="http://www.w3.org/TR/xhtml-modularization/">Modularization of XHTML</a></dt> <dd> Offizielle Empfehlung des W3-Konsortiums zum Verfahren der Modularisierung von XHTML. Das Modularisierungsverfahren beschreibt, wie man XHTML um eigene Module erweitern kann.</dd> <dt><a rel="nofollow" class="external text" href="http://www.w3.org/TR/xhtml1/">XHTML 1.0 Recommendation</a></dt> <dd> Offizielle Empfehlung des W3-Konsortiums zum XHTML-Sprachstandard 1.0. XHTML 1.0 ist die mit Hilfe von XML redefinierte Version von HTML 4.0.<br /> <a rel="nofollow" class="external text" href="http://www.websitedev.de/xhtml/xhtml1/">Deutsche Übersetzung</a></dd> <dt><a rel="nofollow" class="external text" href="http://www.w3.org/TR/html401/">HTML 4.01 Recommendation</a></dt> <dd> Offizielle Empfehlung des W3-Konsortiums zum HTML-Sprachstandard 4.01.</dd> <dt><a rel="nofollow" class="external text" href="http://www.w3.org/TR/REC-html40/">HTML 4.0 Recommendation</a></dt> <dd> Offizielle Empfehlung des W3-Konsortiums zum HTML-Sprachstandard 4.0.</dd> <dt><a rel="nofollow" class="external text" href="http://www.w3.org/TR/REC-html32">HTML 3.2 Recommendation</a></dt> <dd> Offizielle Empfehlung des W3-Konsortiums zum HTML-Sprachstandard 3.2.</dd> <dt><a rel="nofollow" class="external text" href="http://www.w3.org/MarkUp/html-spec/html-pubtext.html">HTML 2.0</a></dt> <dd> Dokument, das noch nicht nach dem modernen Review-Verfahren des W3-Konsortiums zustande kam.</dd></dl> <h3><span class="mw-headline" id="RFCs_.28Requests_for_Comment.29_zu_HTML">RFCs (Requests for Comment) zu HTML</span></h3> <p>Absteigend von neueren zu älteren RFCs sortiert. </p> <dl><dt><a rel="nofollow" class="external text" href="ftp://ftp.rfc-editor.org/in-notes/rfc2659.txt">Security Extensions For HTML (RFC 2659)</a></dt> <dd> <a class="external mw-magiclink-rfc" rel="nofollow" href="//tools.ietf.org/html/rfc2659">RFC 2659</a> vom August 1999 zum Thema kryptografischen Erweiterungen in HTML.</dd> <dt><a rel="nofollow" class="external text" href="ftp://ftp.rfc-editor.org/in-notes/rfc2070.txt">Internationalization of HTML (RFC 2070)</a></dt> <dd> <a class="external mw-magiclink-rfc" rel="nofollow" href="//tools.ietf.org/html/rfc2070">RFC 2070</a> vom Januar 1997 zum Thema Internationalisierung in HTML.</dd> <dt><a rel="nofollow" class="external text" href="ftp://ftp.rfc-editor.org/in-notes/rfc1980.txt">Client-Side Image Maps (RFC 1980)</a></dt> <dd> <a class="external mw-magiclink-rfc" rel="nofollow" href="//tools.ietf.org/html/rfc1980">RFC 1980</a> vom August 1996 zum Thema client-seitige, verweis-sensitive Grafiken in HTML.</dd> <dt><a rel="nofollow" class="external text" href="ftp://ftp.rfc-editor.org/in-notes/rfc1942.txt">HTML Tables (RFC 1942)</a></dt> <dd> <a class="external mw-magiclink-rfc" rel="nofollow" href="//tools.ietf.org/html/rfc1942">RFC 1942</a> vom Mai 1996 zum Thema Tabellen in HTML.</dd> <dt><a rel="nofollow" class="external text" href="ftp://ftp.rfc-editor.org/in-notes/rfc1867.txt">Form-based File Upload in HTML (RFC 1867)</a></dt> <dd> <a class="external mw-magiclink-rfc" rel="nofollow" href="//tools.ietf.org/html/rfc1867">RFC 1867</a> vom November 1995 zum Thema formularbasiertes Uploaden von Dateien in HTML.</dd></dl>    </div> <div class="printfooter"> Abgerufen von „<a dir="ltr" href="http://wiki.selfhtml.org/index.php?title=HTML&oldid=101326">http://wiki.selfhtml.org/index.php?title=HTML&oldid=101326</a>“ </div> <div id="catlinks" class="catlinks" data-mw="interface"><div id="mw-normal-catlinks" class="mw-normal-catlinks"><a href="/wiki/Spezial:Kategorien" title="Spezial:Kategorien">Kategorien</a>: <ul><li><a href="/wiki/Kategorie:HTML" title="Kategorie:HTML">HTML</a></li><li><a href="/wiki/Kategorie:Tutorial" title="Kategorie:Tutorial">Tutorial</a></li><li><a href="/wiki/Kategorie:Portal" title="Kategorie:Portal">Portal</a></li></ul></div></div> <div class="visualClear"></div> </div> </div> <div id="mw-navigation"> <h2>Navigationsmenü</h2> <div id="mw-head"> <div id="p-personal" role="navigation" class="" aria-labelledby="p-personal-label"> <h3 id="p-personal-label">Meine Werkzeuge</h3> <ul> <li id="pt-createaccount"><a href="/index.php?title=Spezial:Benutzerkonto_anlegen&returnto=HTML" title="Wir ermutigen dich dazu, ein Benutzerkonto zu erstellen und dich anzumelden. Es ist jedoch nicht zwingend erforderlich.">Benutzerkonto erstellen</a></li><li id="pt-login"><a href="/index.php?title=Spezial:Anmelden&returnto=HTML" title="Sich anzumelden wird gerne gesehen, ist jedoch nicht zwingend erforderlich. [o]" accesskey="o">Anmelden</a></li> </ul> </div> <div id="left-navigation"> <div id="p-namespaces" role="navigation" class="vectorTabs" aria-labelledby="p-namespaces-label"> <h3 id="p-namespaces-label">Namensräume</h3> <ul> <li id="ca-nstab-main" class="selected"><span><a href="/wiki/HTML" title="Seiteninhalt anzeigen [c]" accesskey="c">Seite</a></span></li> <li id="ca-talk" class="new"><span><a href="/index.php?title=Diskussion:HTML&action=edit&redlink=1" title="Diskussion zum Seiteninhalt [t]" accesskey="t" rel="discussion">Diskussion</a></span></li> </ul> </div> <div id="p-variants" role="navigation" class="vectorMenu emptyPortlet" aria-labelledby="p-variants-label"> <h3 id="p-variants-label"> <span>Varianten</span><a href="#"></a> </h3> <div class="menu"> <ul> </ul> </div> </div> </div> <div id="right-navigation"> <div id="p-views" role="navigation" class="vectorTabs" aria-labelledby="p-views-label"> <h3 id="p-views-label">Ansichten</h3> <ul> <li id="ca-view" class="selected"><span><a href="/wiki/HTML" >Lesen</a></span></li> <li id="ca-viewsource"><span><a href="/index.php?title=HTML&action=edit" title="Diese Seite ist geschützt. Ihr Quelltext kann dennoch angesehen und kopiert werden. [e]" accesskey="e">Quelltext anzeigen</a></span></li> <li id="ca-history" class="collapsible"><span><a href="/index.php?title=HTML&action=history" title="Frühere Versionen dieser Seite [h]" accesskey="h">Versionsgeschichte</a></span></li> </ul> </div> <div id="p-cactions" role="navigation" class="vectorMenu emptyPortlet" aria-labelledby="p-cactions-label"> <h3 id="p-cactions-label"><span>Mehr</span><a href="#"></a></h3> <div class="menu"> <ul> </ul> </div> </div> <div id="p-search" role="search"> <h3> <label for="searchInput">Suche</label> </h3> <form action="/index.php" id="searchform"> <div id="simpleSearch"> <input type="search" name="search" placeholder="Suchbegriff" title="SELFHTML-Wiki durchsuchen [f]" accesskey="f" id="searchInput"/><input type="hidden" value="Spezial:Suche" name="title"/><input type="submit" name="fulltext" value="Suchen" title="Suche nach Seiten, die diesen Text enthalten" id="mw-searchButton" class="searchButton mw-fallbackSearchButton"/><input type="submit" name="go" value="Seite" title="Gehe direkt zu der Seite mit genau diesem Namen, falls sie vorhanden ist." id="searchButton" class="searchButton"/> </div> </form> </div> </div> </div> <div id="mw-panel"> <div id="p-logo" role="banner"><a class="mw-wiki-logo" href="/wiki/SELFHTML" title="Startseite"></a></div> <div class="portal" role="navigation" id='p-Starten' aria-labelledby='p-Starten-label'> <h3 id='p-Starten-label'>Starten</h3> <div class="body"> <ul> <li id="n-Wie-fange-ich-an.3F"><a href="/wiki/Wie_fange_ich_an%3F">Wie fange ich an?</a></li><li id="n-HTML"><a href="/wiki/HTML">HTML</a></li><li id="n-CSS"><a href="/wiki/CSS">CSS</a></li><li id="n-JavaScript"><a href="/wiki/JavaScript">JavaScript</a></li><li id="n-SVG"><a href="/wiki/SVG">SVG</a></li> </ul> </div> </div> <div class="portal" role="navigation" id='p-tb' aria-labelledby='p-tb-label'> <h3 id='p-tb-label'>Werkzeuge</h3> <div class="body"> <ul> <li id="t-whatlinkshere"><a href="/wiki/Spezial:Linkliste/HTML" title="Liste aller Seiten, die hierher verlinken [j]" accesskey="j">Links auf diese Seite</a></li><li id="t-recentchangeslinked"><a href="/wiki/Spezial:%C3%84nderungen_an_verlinkten_Seiten/HTML" title="Letzte Änderungen an Seiten, die von hier verlinkt sind [k]" accesskey="k">Änderungen an verlinkten Seiten</a></li><li id="t-specialpages"><a href="/wiki/Spezial:Spezialseiten" title="Liste aller Spezialseiten [q]" accesskey="q">Spezialseiten</a></li><li id="t-print"><a href="/index.php?title=HTML&printable=yes" rel="alternate" title="Druckansicht dieser Seite [p]" accesskey="p">Druckversion</a></li><li id="t-permalink"><a href="/index.php?title=HTML&oldid=101326" title="Dauerhafter Link zu dieser Seitenversion">Permanenter Link</a></li><li id="t-info"><a href="/index.php?title=HTML&action=info" title="Weitere Informationen über diese Seite">Seiteninformationen</a></li> </ul> </div> </div> <div class="portal" role="navigation" id='p-Mitmachen' aria-labelledby='p-Mitmachen-label'> <h3 id='p-Mitmachen-label'>Mitmachen</h3> <div class="body"> <ul> <li id="n-Hilfe"><a href="/wiki/Hilfe">Hilfe</a></li><li id="n-Offline-Wiki"><a href="/wiki/SELFHTML/Offline-Wiki">Offline-Wiki</a></li><li id="n-Spenden"><a href="/wiki/SELFHTML:Verein/Spenden">Spenden</a></li><li id="n-recentchanges"><a href="/wiki/Spezial:Letzte_%C3%84nderungen" title="Liste der letzten Änderungen in diesem Wiki [r]" accesskey="r">Letzte Änderungen</a></li> </ul> </div> </div> <div class="portal" role="navigation" id='p-SELFHTML' aria-labelledby='p-SELFHTML-label'> <h3 id='p-SELFHTML-label'>SELFHTML</h3> <div class="body"> <ul> <li id="n-SELFHTML"><a href="/wiki/SELFHTML">SELFHTML</a></li><li id="n-Forum"><a href="https://forum.selfhtml.org/" rel="nofollow">Forum</a></li><li id="n-Blog"><a href="https://blog.selfhtml.org/" rel="nofollow">Blog</a></li><li id="n-Verein"><a href="/wiki/SELFHTML:Verein">Verein</a></li> </ul> </div> </div> </div> </div> <div id="footer" role="contentinfo"> <ul id="footer-info"> <li id="footer-info-lastmod"> Diese Seite wurde zuletzt am 20. Februar 2025 um 05:01 Uhr geändert.</li> <li id="footer-info-copyright"><div id="selfhtml-sponsor"> <h2>Unterstützt durch</h2> <ul> <li><a href="https://www.manitu.de/webhosting"><img src="/images/f/f7/Manitu.svg" alt="Manitu - Menschlich. Einfach besser."></a></li> <li><a href="https://termitel.de/"><img src="/images/b/b4/Termitel.svg" alt="Customer Care & Sales"></a> </ul> </div> <p>Die Inhalte des SELFHTML-Wikis unterliegen der <a class="external" rel="nofollow" href="http://creativecommons.org/licenses/by-sa/3.0/de/">CC-BY-SA 3.0 (de)</a>.<br/> Nähere Informationen finden Sie unter <a href="/wiki/SELFHTML/Lizenzvereinbarungen">SELFHTML/Lizenzvereinbarungen</a>.</p></li> </ul> <ul id="footer-places"> <li id="footer-places-privacy"><a href="/wiki/SELFHTML/Datenschutz" title="SELFHTML/Datenschutz">Datenschutz</a></li> <li id="footer-places-about"><a href="/wiki/SELFHTML" title="SELFHTML">Über SELFHTML-Wiki</a></li> <li id="footer-places-disclaimer"><a href="/wiki/SELFHTML/Impressum" title="SELFHTML/Impressum">Impressum</a></li> </ul> <ul id="footer-icons" class="noprint"> <li id="footer-copyrightico"> <a href="http://creativecommons.org/licenses/by-sa/3.0/de/"><img src="/resources/assets/licenses/cc-by-sa.png" alt="CC-BY-SA 3.0 (de)" width="88" height="31"/></a> </li> <li id="footer-poweredbyico"> <a href="//www.mediawiki.org/"><img src="/resources/assets/poweredby_mediawiki_88x31.png" alt="Powered by MediaWiki" srcset="/resources/assets/poweredby_mediawiki_132x47.png 1.5x, /resources/assets/poweredby_mediawiki_176x62.png 2x" width="88" height="31"/></a> </li> </ul> <div style="clear:both"></div> </div> <script>(window.RLQ=window.RLQ||[]).push(function(){mw.loader.state({"user":"ready","user.groups":"ready"});mw.loader.load(["mediawiki.action.view.postEdit","site","mediawiki.user","mediawiki.hidpi","mediawiki.page.ready","mediawiki.searchSuggest","skins.selfhtml.js"]);});</script><script>(window.RLQ=window.RLQ||[]).push(function(){mw.config.set({"wgBackendResponseTime":337});});</script> </body>  </html>