CINXE.COM

<!DOCTYPE html> <html lang="de-x-formal" dir="ltr" class="client-nojs"> <head> <meta charset="UTF-8"/> <title>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":"SELFHTML","wgTitle":"SELFHTML","wgCurRevisionId":102888,"wgRevisionId":102888,"wgArticleId":44,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":["Hilfe","SELFHTML-Wiki","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":"SELFHTML","wgRelevantArticleId":44,"wgRequestId":"Z-H4Bme-ZhnPQzMeKLEk8wAAAAE","wgIsProbablyEditable":false,"wgRestrictionEdit":["sysop"],"wgRestrictionMove":["sysop"],"wgIsMainPage":true,"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="SELFHTML" href="/index.php?title=Spezial:RDF_exportieren/SELFHTML&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-SELFHTML rootpage-SELFHTML 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">SELFHTML</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><br /> <b>SELFHTML</b> stellt seit 1995 eine deutschsprachige Dokumentation zu HTML und verwandten Technologien zur Verfügung. </p><p>Wir möchten dabei besonders … </p> <ul><li> Anfängern die <a href="/wiki/Grundlagen" title="Grundlagen">Grundlagen</a> vermitteln und <a href="/wiki/Kategorie:Tutorial" title="Kategorie:Tutorial">Kurse</a> in deutscher Sprache anbieten</li> <li> Fortgeschrittenen ein Nachschlagewerk bereitstellen</li></ul> <p><br /> </p> <ul class="cards-list" style=""> <li class="card" style=""><div class="card-titel"><div class="logo"><strong style="font-size:4em;margin-top:1rem;display:inline-block;font-family:monospace;color:#c82f04;"> ▶</strong></div>Wie fange ich an?</div><div class="card-inhalt"> <p>Übersicht über unsere Einstiegs-Tutorials </p> </div><div class="card-link"><a href="/wiki/Wie_fange_ich_an%3F" title="Wie fange ich an?"> </a></div></li> <li style="position:relative;grid-row-end:span 2;"><div class="card" style="padding-bottom:2em;"><span class="card-typ" style="margin: 0 0 0.5em 0; display:block; padding: 1rem;font-size: 1.15em; font-weight: bold;">Artikel der Woche</span><div class="card-titel" style=""> <div class="logo"><img alt="" src="/images/thumb/d/de/Dom.svg/512px-Dom.svg.png" width="512" height="512" srcset="/images/thumb/d/de/Dom.svg/768px-Dom.svg.png 1.5x, /images/thumb/d/de/Dom.svg/1024px-Dom.svg.png 2x" /></div>JavaScript und DOM<br />(interaktive Webseiten)</div><div class="card-inhalt"> <ul><li> Was ist das DOM?</li> <li> Ereignisverarbeitung</li> <li> DOM-Manipulation</li></ul> <p><br /> </p> </div><div class="card-link"><a href="/wiki/JavaScript_und_das_DOM" title="JavaScript und das DOM"> </a></div></div><span class="card-link2" style="position:absolute;bottom: 1em;right: 1em; padding: 0.5rem;text-decoration:none; border: thin solid red; border-left:none; border-radius: 0 0.5em 0.5em 0;"><a href="/wiki/SELFHTML/Artikel_der_Woche" title="SELFHTML/Artikel der Woche">➡ <b>Archiv</b></a></span></li> <li class="card" style="grid-row-end:span 2;"><div class="card-titel"><div class="logo"></div>Neu im SELF-Blog!</div><div class="card-inhalt"> <ul><li> Sommerzeit, input type="date" und JavaScript<br /><small><i>06. April 2025</i></small></li> <li> Kein Backup - kein Mitleid!<br /><small><i>31. März 2025</i></small></li> <li> Social Media mit Unicode formatieren?<br /><small><i>23. März 2025</i></small></li> <li> Heute geht's nicht um KI, sondern nur um π<br /><small><i>14. März 2025</i></small></li></ul> </div><div class="card-link"><a rel="nofollow" class="external text" href="https://blog.selfhtml.org/"> </a></div></li> <li class="card" style=""><div class="card-titel"><div class="logo"><img alt="" src="/images/thumb/e/e7/FAQ_icon.svg/512px-FAQ_icon.svg.png" width="512" height="401" srcset="/images/thumb/e/e7/FAQ_icon.svg/768px-FAQ_icon.svg.png 1.5x, /images/thumb/e/e7/FAQ_icon.svg/1024px-FAQ_icon.svg.png 2x" /></div>FAQ</div><div class="card-inhalt"> <p>Häufig gestellte Fragen </p> </div><div class="card-link"><a href="/wiki/FAQ" title="FAQ"> </a></div></li> <li class="card" style=""><div class="card-titel"><div class="logo"><img alt="" src="/images/thumb/3/36/Mastodon_logo.svg/65px-Mastodon_logo.svg.png" width="65" height="65" srcset="/images/thumb/3/36/Mastodon_logo.svg/98px-Mastodon_logo.svg.png 1.5x, /images/thumb/3/36/Mastodon_logo.svg/130px-Mastodon_logo.svg.png 2x" /></div>Mastodon</div><div class="card-inhalt"> <p>Mikroblogging-Dienst im Fediverse </p> <ul><li> bildung.social/@SELFHTML</li></ul> </div><div class="card-link"><a rel="nofollow" class="external text" href="https://bildung.social/@SELFHTML"> </a></div></li> <li class="card" style=""><div class="card-titel"><div class="logo"></div>Discord</div><div class="card-inhalt"> <p>SELFHTML hat einen <b>Discord-Kanal</b> für Chat und Videokonferenzen. </p> <div class="bild"><img alt="Selfhtml-auf-discord.svg" src="/images/thumb/d/de/Selfhtml-auf-discord.svg/450px-Selfhtml-auf-discord.svg.png" width="450" height="91" srcset="/images/thumb/d/de/Selfhtml-auf-discord.svg/675px-Selfhtml-auf-discord.svg.png 1.5x, /images/thumb/d/de/Selfhtml-auf-discord.svg/900px-Selfhtml-auf-discord.svg.png 2x" /></div> </div><div class="card-link"><a href="/wiki/Hilfe:Discord" title="Hilfe:Discord"> </a></div></li> <li style="position:relative;"><div class="card" style="padding-bottom:2em;"><span class="card-typ" style="margin: 0 0 0.5em 0; display:block; padding: 1rem;font-size: 1.15em; font-weight: bold;">Schon gewusst?</span><div class="card-titel" style=""> <div class="logo"><strong style="font-size:4em;display:inline-block;font-family:monospace;color:#c82f04;">?</strong></div></div><div class="card-inhalt"> <ul><li>Links immer mit zwei Merkmalen kennzeichnen</li></ul> <p><br /> </p> </div><div class="card-link"><a href="/wiki/HTML/Tutorials/Links/Gestaltung_mit_CSS#Wie_sieht_ein_guter_Verweis_aus.3F" title="HTML/Tutorials/Links/Gestaltung mit CSS"> </a></div></div><span class="card-link2" style="position:absolute;bottom: 1em;right: 1em; padding: 0.5rem;text-decoration:none; border: thin solid red; border-left:none; border-radius: 0 0.5em 0.5em 0;"><a href="/wiki/SELFHTML/Schon_gewusst%3F" title="SELFHTML/Schon gewusst?">➡ <b>Archiv</b></a></span></li> <p><br /> </p> </ul> <h2><span class="mw-headline" id="Everyone.E2.80.99s_a_publisher">Everyone’s a publisher</span></h2> <p>SELFHTML gehört seit vielen Jahren zu den bekanntesten Dokumentationen über das Erstellen von Web-Seiten. Sie möchte allen Menschen Mut machen, das, was sie zu sagen haben, selbst im Web zu publizieren. </p><p>Fertige Content Management Systeme, soziale Netzwerke und andere Plattformen bieten dafür ebenfalls Mittel an. Dort ist man aber an die Formate und Regeln der jeweiligen Plattform gebunden. Wenn Du damit zufrieden bist, benötigst du SELFHTML nicht. </p><p>Willst du aber eine individuelle Webseite gestalten, musst du dich mit den Grundlagen vertraut machen. SELFHTML möchte genau dafür das Wissen liefern. Wir stellen die Dokumentation als Wiki bereit, mit dem man nicht nur lernen, sondern auch selbst zur Weiterentwicklung und Sammlung des Wissens rund um HTML, CSS und Co. beitragen kann. Das SELFHTML Wiki steht auch in einer <a href="/wiki/SELFHTML/Offline-Wiki" title="SELFHTML/Offline-Wiki">Offline-Kopie</a> zur Verfügung. </p><p>Für Fragen zum Inhalt und Diskussionen steht das <a rel="nofollow" class="external text" href="https://forum.selfhtml.org/self">SELFHTML-Forum</a> zur Verfügung. Man kann dort jederzeit Themen eröffnen, und rechts auf jeder Wiki-Seite findet man einen ⁉️ Link, mit dem du ein neues Thema zu diesem Artikel erstellen kannst. Für Fragen, die du nicht offen stellen willst, gibt es <a rel="nofollow" class="external text" href="mailto:projekt@selfhtml.org">projekt@selfhtml.org</a>. </p><p><br /> </p> <ul role="navigation" class="continuation"> <li class="prev-cont"><a href="/wiki/FAQ" title="FAQ">FAQ</a></li> <li class="main-cont"><a href="/wiki/Hilfe:Wiki" title="Hilfe:Wiki">Hilfe</a></li> <li class="next-cont"><a href="/wiki/Wie_fange_ich_an%3F" title="Wie fange ich an?">Wie fange ich an?</a></li> </ul>    </div> <div class="printfooter"> Abgerufen von „<a dir="ltr" href="http://wiki.selfhtml.org/index.php?title=SELFHTML&oldid=102888">http://wiki.selfhtml.org/index.php?title=SELFHTML&oldid=102888</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:Hilfe" title="Kategorie:Hilfe">Hilfe</a></li><li><a href="/wiki/Kategorie:SELFHTML-Wiki" class="mw-redirect" title="Kategorie:SELFHTML-Wiki">SELFHTML-Wiki</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=SELFHTML" 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=SELFHTML" 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/SELFHTML" title="Seiteninhalt anzeigen [c]" accesskey="c">Hauptseite</a></span></li> <li id="ca-talk"><span><a href="/wiki/Diskussion:SELFHTML" 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/SELFHTML" >Lesen</a></span></li> <li id="ca-viewsource"><span><a href="/index.php?title=SELFHTML&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=SELFHTML&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/SELFHTML" 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/SELFHTML" 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=SELFHTML&printable=yes" rel="alternate" title="Druckansicht dieser Seite [p]" accesskey="p">Druckversion</a></li><li id="t-permalink"><a href="/index.php?title=SELFHTML&oldid=102888" title="Dauerhafter Link zu dieser Seitenversion">Permanenter Link</a></li><li id="t-info"><a href="/index.php?title=SELFHTML&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 6. April 2025 um 05:41 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":172});});</script> </body>  </html>