Intro - Webkompetenz

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de"> <head> <title>Intro - Webkompetenz</title> <script type="text/javascript" src="http://d3g0gp89917ko0.cloudfront.net/v--4b961b7cc327/common--javascript/init.combined.js"></script> <script type="text/javascript"> var URL_HOST = 'www.wikidot.com'; var URL_DOMAIN = 'wikidot.com'; var USE_SSL = true ; var URL_STATIC = 'http://d3g0gp89917ko0.cloudfront.net/v--4b961b7cc327'; // global request information var WIKIREQUEST = {}; WIKIREQUEST.info = {}; WIKIREQUEST.info.domain = "webkompetenz.wikidot.com"; WIKIREQUEST.info.siteId = 111331; WIKIREQUEST.info.siteUnixName = "webkompetenz"; WIKIREQUEST.info.categoryId = 619075; WIKIREQUEST.info.themeId = 137278; WIKIREQUEST.info.requestPageName = "html-handbuch:intro"; OZONE.request.timestamp = 1734556332; OZONE.request.date = new Date(); WIKIREQUEST.info.lang = 'de'; WIKIREQUEST.info.pageUnixName = "html-handbuch:intro"; WIKIREQUEST.info.pageId = 3466654; WIKIREQUEST.info.lang = "de"; OZONE.lang = "de"; var isUAMobile = !!/Android|webOS|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent); </script> <script type="text/javascript"> require.config({ baseUrl: URL_STATIC + '/common--javascript', paths: { 'jquery.ui': 'jquery-ui.min', 'jquery.form': 'jquery.form' } }); </script> <meta http-equiv="content-type" content="text/html;charset=UTF-8"/> <meta http-equiv="content-language" content="de"/> <script type="text/javascript" src="http://d3g0gp89917ko0.cloudfront.net/v--4b961b7cc327/common--javascript/WIKIDOT.combined.js"></script> <style type="text/css" id="internal-style"> /* modules */ /* theme */ @import url(http://d3g0gp89917ko0.cloudfront.net/v--4b961b7cc327/common--theme/base/css/style.css); @import url(http://webkompetenz.wdfiles.com/local--theme/wk-sm-2012/style.css); </style> <link rel="shortcut icon" href="/local--favicon/favicon.gif"/> <link rel="icon" type="image/gif" href="/local--favicon/favicon.gif"/> <link rel="apple-touch-icon" href="/common--images/apple-touch-icon-57x57.png" /> <link rel="apple-touch-icon" sizes="72x72" href="/common--images/apple-touch-icon-72x72.png" /> <link rel="apple-touch-icon" sizes="114x114" href="/common--images/apple-touch-icon-114x114.png" /> <link rel="alternate" type="application/wiki" title="Edit this page" href="javascript:WIKIDOT.page.listeners.editClick()"/> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-18234656-1']); _gaq.push(['_setDomainName', 'none']); _gaq.push(['_setAllowLinker', true]); _gaq.push(['_trackPageview']); _gaq.push(['old._setAccount', 'UA-68540-5']); _gaq.push(['old._setDomainName', 'none']); _gaq.push(['old._setAllowLinker', true]); _gaq.push(['old._trackPageview']); _gaq.push(['userTracker._setAccount', 'UA-1315394-11']); _gaq.push(['userTracker._trackPageview']); </script> <script type="text/javascript"> window.google_analytics_uacct = 'UA-18234656-1'; window.google_analytics_domain_name = 'none'; </script> <link rel="manifest" href="/onesignal/manifest.json" /> <script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js" acync=""></script> <script> var OneSignal = window.OneSignal || []; OneSignal.push(function() { OneSignal.init({ appId: null, }); }); </script> <script data-cfasync="false">window.nitroAds=window.nitroAds||{createAd:function(){return new Promise(e=>{window.nitroAds.queue.push(["createAd",arguments,e])})},addUserToken:function(){window.nitroAds.queue.push(["addUserToken",arguments])},queue:[]};</script> <script data-cfasync="false" async src="https://s.nitropay.com/ads-143.js"></script> </head> <body id="html-body"> <div id="skrollr-body"> <a name="page-top"></a>  <div id="wad-tier3-side-slide" class="wd-adunit wd-ad-np wd-adunit-side_slide"></div> <script> $j( function(){ var $c = $j('#container'); var s = $j(window).width() - ($c.width()+$c.offset().left); var ri = s - 180; var $o = $j('#wad-tier3-side-slide'); if( s > 200 ) { $o.css('right', ri + 'px'); window['nitroAds'].createAd('wad-tier3-side-slide', { "refreshLimit": 10, "refreshTime": 85, "renderVisibleOnly": false, "refreshVisibleOnly": true, "sizes": [ [ 160, 600 ] ], "report": { "enabled": true, "wording": "Report Ad", "position": "bottom-right" } }); } else { $o.remove(); } }); </script> <div id="container-wrap-wrap"> <div id="container-wrap"> <div id="container"> <div id="header"> <h1><a href="/"><span>Webkompetenz</span></a></h1> <h2><span>Geschriebenes und Dahingeschriebenes von Stefan Münz</span></h2>  <div id="search-top-box" class="form-search"> <form id="search-top-box-form" action="dummy" class="input-append"> <input id="search-top-box-input" class="text empty search-query" type="text" size="15" name="query" value="Auf der Site suchen" onfocus="if(YAHOO.util.Dom.hasClass(this, 'empty')){YAHOO.util.Dom.removeClass(this,'empty'); this.value='';}"/><input class="button btn" type="submit" name="search" value="Suchen"/> </form> </div> <div id="top-bar"> <ul> <li><a href="/start">Startseite</a></li> <li><a href="/blog">Blog</a></li> <li><a href="javascript:;">HTML5-Handbuch ▼</a> <ul> <li><a href="/docs:html-handbuch">Startseite</a></li> <li><a href="/html-handbuch:intro">Intro</a></li> <li><a href="/html-handbuch:html-dokumente">HTML-Dokumente</a></li> <li><a href="/html-handbuch:kopfdaten">Dokument-Kopfdaten</a></li> <li><a href="/html-handbuch:text">Textstrukturierung</a></li> <li><a href="/html-handbuch:tabellen">Tabellen</a></li> <li><a href="/html-handbuch:links">Hyperlinks</a></li> <li><a href="/html-handbuch:media">Grafik und Multimedia</a></li> <li><a href="/html-handbuch:formulare">Formulare und Interaktion</a></li> <li><a href="/html-handbuch:mikrodaten-attribute">Mikrodaten und globale Attribute</a></li> <li><a href="/html-handbuch:xhtml">HTML und XHTML</a></li> <li><a href="/html-handbuch:veraltet">Veraltetes HTML</a></li> <li><a href="/html-handbuch:css">Cascading Stylesheets (CSS)</a></li> <li><a href="/html-handbuch:css-eigenschaften">CSS-Eigenschaften</a></li> <li><a href="/html-handbuch:scripting">HTML und Scripting</a></li> <li><a href="http://www.stefan-muenz.de/HTML5-Handbuch/jQuery">Einführung in jQuery</a></li> <li><a href="/html-handbuch:html-referenz">HTML-Referenz</a></li> <li><a href="/html-handbuch:css-referenz">CSS-Referenz</a></li> <li><a href="/html-handbuch:referenz">Diverse Referenzen</a></li> </ul> </li> <li><a href="javascript:;">Diverses ▼</a> <ul> <li><a href="/docs:start">Übersicht</a></li> <li><a href="/docs:mikroformate">Mikroformate</a></li> <li><a href="/docs:ajax">Ajax</a></li> <li><a href="/docs:hypertext">Hypertext</a></li> <li><a href="/docs:selfhtml">SELFHTML-Artikel</a></li> <li><a href="/docs:print">Print-Artikel</a></li> <li><a href="/docs:interviews">Interviews</a></li> <li><a href="/docs:webseiten-professionell">Webseiten professionell</a></li> <li><a href="http://webkompetenz.wikidot.com/forum/c-84184/forum">Forum</a></li> </ul> </li> <li><a href="javascript:;">Seite ▼</a> <ul> <li><a class="wiki-standalone-button" href="javascript:;" onclick="WIKIDOT.page.listeners.printClick(event)">Drucken</a></li> <li><a class="wiki-standalone-button" href="javascript:;" onclick="window.location.href='/talk:'+WIKIREQUEST.info.pageUnixName">Diskutieren</a></li> <li><a class="wiki-standalone-button" href="javascript:;" onclick="WIKIDOT.page.listeners.historyClick(event)">Ältere Versionen</a></li> <li><a class="wiki-standalone-button" href="javascript:;" onclick="WIKIDOT.page.listeners.viewSourceClick(event)">Seitenquelltext</a></li> <li><a class="wiki-standalone-button" href="javascript:;" onclick="WIKIDOT.page.listeners.editClick(event)">(Bearbeiten)</a></li> <li><a href="/intern:neu">(Neue Seite)</a></li> </ul> </li> <li><a href="javascript:;">Site ▼</a> <ul> <li><a href="/intern:impressum">Impressum</a></li> <li><a href="/system:list-all-pages">Seiten-Tabelle</a></li> <li><a href="/system:recent-changes">Änderungshistorie</a></li> </ul> </li> </ul> </div> <div id="login-status"><a href="javascript:;" onclick="WIKIDOT.page.listeners.createAccount(event)" class="login-status-create-account btn">Benutzerkonto erstellen</a> <span>oder</span> <a href="javascript:;" onclick="WIKIDOT.page.listeners.loginClick(event)" class="login-status-sign-in btn btn-primary">Anmelden</a> </div> <div id="header-extra-div-1"><span></span></div><div id="header-extra-div-2"><span></span></div><div id="header-extra-div-3"><span></span></div> </div> <div id="content-wrap">  <div id="main-content"> <div id="action-area-top"></div> <div id="page-title"> Intro </div> <div id="breadcrumbs"> <a href="/docs:html-handbuch">HTML5-Handbuch</a> » Intro </div>  <div id="wad-tier3-above-content" class="wd-adunit wd-ad-np wd-adunit-above_content"></div> <script> window['nitroAds'].createAd('wad-tier3-above-content', { "refreshLimit": 10, "refreshTime": 94, "renderVisibleOnly": false, "refreshVisibleOnly": true, "sizes": [ [ 728, 90 ] ], "report": { "enabled": true, "wording": "Report Ad", "position": "bottom-right" } }); </script> <div id="page-content"> <ul> <li>Was Sie von diesem Buch erwarten können.</li> <li>Wie HTML mit dem Gesamtkomplex „Erstellung von Websites“ zusammenhängt.</li> </ul> <h2 id="toc0"><span>Inhalt</span></h2> <ul> <li><a href="/html-handbuch:html-handbuch">Das HTML-Handbuch</a> <ul> <li><a href="/html-handbuch:zielgruppen-ziele">Zielgruppen und Ziele</a></li> <li><a href="/html-handbuch:aufbau-vorgehensweise">Aufbau und Vorgehensweise</a></li> <li><a href="/html-handbuch:verwendete-symbole">Verwendete Symbole</a></li> </ul> </li> </ul> <ul> <li><a href="/html-handbuch:website-erstellung-heute">Website-Erstellung heute</a> <ul> <li><a href="/html-handbuch:website-typologie">Website-Typologie</a></li> <li><a href="/html-handbuch:web-technologien">Web-Technologien</a></li> </ul> </li> </ul> <ul> <li><a href="/html-handbuch:software">Software zum Erstellen von Websites</a> <ul> <li><a href="/html-handbuch:code-editoren">Code-Editoren</a></li> <li><a href="/html-handbuch:web-browser">Web-Browser</a></li> <li><a href="/html-handbuch:desktop-tools">Desktop-Tools</a></li> <li><a href="/html-handbuch:content-management">CMS (Content-Management-Systeme)</a></li> </ul> </li> </ul> <ul> <li><a href="/html-handbuch:intro-backgrounds">Backgrounds</a> <ul> <li><a href="/html-handbuch:w3-konsortium">Die Arbeit des W3-Konsortiums</a></li> <li><a href="/html-handbuch:quellen">Quellen, Dokumentation und Hilfe im Web</a></li> </ul> </li> </ul> <div class="bottom-links"> <p><a href="/docs:html-handbuch">HTML-Handbuch</a> « | » <a href="/html-handbuch:html-handbuch">Das HTML-Handbuch</a></p> </div> <p><span style="white-space: pre-wrap;"> </span></p> <hr /> <p><span style="font-size: 13px; color: #444; font-weight: bold;">Korrekturen, Hinweise und Ergänzungen</span><br /> <span style="font-size: 12px; color: #444;">Bitte scheut euch nicht und meldet, was auf dieser Seite sachlich falsch oder irreführend ist, was ergänzt werden sollte, was fehlt usw. Dazu bitte oben aus dem Menü <em>Seite</em> den Eintrag <em>Diskutieren</em> wählen. Es ist keine Anmeldung erforderlich, um Anmerkungen zu posten. Unpassende Postings, Spam usw. werden allerdings kommentarlos entfernt.</span></p> </div>  <div id="wad-tier3-below-content" class="wd-adunit wd-ad-np wd-adunit-below_content"></div> <script> window['nitroAds'].createAd('wad-tier3-below-content', { "refreshLimit": 10, "refreshTime": 83, "renderVisibleOnly": false, "refreshVisibleOnly": true, "sizes": [ [ 300, 250 ] ], "report": { "enabled": true, "wording": "Report Ad", "position": "bottom-right" } }); </script>  <script> $j( function(){ if(isUAMobile && screen.width < 400 && screen.height > 600) { var $o = $j('<div id="wad-tier3-mobile-anchor" class="wd-adunit wd-ad-np wd-adunit-mobile_anchor"></div>'); $j('body').append($o); $j('body').css('margin-bottom', '200px'); var res = function(){ $o = $j('#wad-tier3-mobile-anchor'); if($o.length > 0){ $o.show(); var $w = $j(window); var scale = $w.width() / 320; $o.css('transform', 'scale('+scale+')'); } else { $o.hide(); } } res(); setInterval(res, 1000); window['nitroAds'].createAd('wad-tier3-mobile-anchor', { "refreshLimit": 1, "refreshTime": 90, "renderVisibleOnly": false, "refreshVisibleOnly": true, "format": "display", "sizes": [ [ 320, 50 ] ], "report": { "enabled": true, "wording": "Report Ad", "position": "bottom-right" } }); } }); </script> <div id="page-info-break"></div> <div id="page-options-container"> <div id="page-info">Seiten Revision: 16, zuletzt bearbeitet: <span class="odate time_1267889518 format_%25e%20%25b%20%25Y%2C%20%25H%3A%25M%20%28%25O%20vor%29">06 Mar 2010 15:31</span></div> <div id="page-options-bottom" class="page-options-bottom"> <a href="javascript:;" class="btn btn-default" id="edit-button">Bearbeiten</a> <a href="javascript:;" class="btn btn-default" id="tags-button">Tags</a> <a href="javascript:;" class="btn btn-default" id="history-button">Historie</a> <a href="javascript:;" class="btn btn-default" id="files-button">Dateien</a> <a href="javascript:;" class="btn btn-default" id="print-button">Drucken</a> <a href="javascript:;" class="btn btn-default" id="site-tools-button">Site-Werkzeuge</a> <a href="javascript:;" class="btn btn-default" id="more-options-button">+ Optionen</a> </div> <div id="page-options-bottom-2" class="page-options-bottom form-actions" style="display:none"> <a href="javascript:;" class="btn btn-default" id="edit-sections-button">Abschnitte bearbeiten</a> <a href="javascript:;" class="btn btn-default" id="edit-append-button">Hinzufügen</a> <a href="javascript:;" class="btn btn-default" id="edit-meta-button">Metatags bearbeiten</a> <a href="javascript:;" class="btn btn-default" id="watchers-button">Beobachter</a> <a href="javascript:;" class="btn btn-default" id="backlinks-button">Backlinks</a> <a href="javascript:;" class="btn btn-default" id="view-source-button">Seiten-Quelltext</a> <a href="javascript:;" class="btn btn-default" id="parent-page-button">Eltern</a> <a href="javascript:;" class="btn btn-default" id="page-block-button">Seite sperren</a> <a href="javascript:;" class="btn btn-default" id="rename-move-button">Umbenennen</a> <a href="javascript:;" class="btn btn-default" id="delete-button">Löschen</a> </div> <div id="page-options-area-bottom"> </div> </div> <div id="action-area" style="display: none;"></div> </div> </div> <div id="footer" style="display: block; visibility: visible;"> <div class="options" style="display: block; visibility: visible;"> <a href="http://www.wikidot.com/doc" id="wikidot-help-button">Hilfe</a>  | <a href="http://www.wikidot.com/legal:terms-of-service" id="wikidot-tos-button">Nutzungsbedingungen (Terms of Service)</a>  | <a href="http://www.wikidot.com/legal:privacy-policy" id="wikidot-privacy-button">Datenschutz</a>  | <a href="javascript:;" id="bug-report-button" onclick="WIKIDOT.page.listeners.pageBugReport(event)">Fehler mitteilen</a>  | <a href="javascript:;" id="abuse-report-button" onclick="WIKIDOT.page.listeners.flagPageObjectionable(event)">Als fragwürdig markieren</a> </div> Betrieben von <a href="http://www.wikidot.com">Wikidot.com</a> </div> <div id="license-area" class="license-area"> Sofern nicht anders angegeben, steht der Inhalt dieser Seite unter Lizenz <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-ShareAlike 3.0 License</a> </div> <div id="extrac-div-1"><span></span></div><div id="extrac-div-2"><span></span></div><div id="extrac-div-3"><span></span></div> </div> </div>  <div id="extra-div-1"><span></span></div><div id="extra-div-2"><span></span></div><div id="extra-div-3"><span></span></div> <div id="extra-div-4"><span></span></div><div id="extra-div-5"><span></span></div><div id="extra-div-6"><span></span></div> </div> </div> <div id="dummy-ondomready-block" style="display: none;" ></div>  <script type="text/javascript"> (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'stats.g.doubleclick.net/dc.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <div id="page-options-bottom-tips" style="display: none;"> <div id="edit-button-hovertip"> Klicken Sie hier um den Inhalt der Seite zu ändern. </div> </div> <div id="page-options-bottom-2-tips" style="display: none;"> <div id="edit-sections-button-hovertip"> Klicken Sie hier um die Bearbeitung einzelner Abschnitte der Seite ein und aus zu schalten (sofern möglich). Achten Sie auf einen "bearbeiten" Link neben den Überschriften. </div> <div id="edit-append-button-hovertip"> Inhalt hinzufügen, ohne den ganzen Seiteninhalt zu editieren </div> <div id="history-button-hovertip"> Prüfen Sie, wie sich diese Seite in der Vergangenheit entwickelt hat. </div> <div id="discuss-button-hovertip"> Wenn Sie den Inhalt der Site diskutieren möchten, ist dies der leichteste Weg dazu. </div> <div id="files-button-hovertip"> Betrachten und Verwalten von Datei-Anhängen für diese Seite. </div> <div id="site-tools-button-hovertip"> Einige nützliche Werkzeuge zum Verwalten Ihrer Site </div> <div id="backlinks-button-hovertip"> Anzeige der Seiten, diese hier verlinken und/oder einbetten. </div> <div id="rename-move-button-hovertip"> Ändern des Namens der Seite (auch URL Adresse, eventuell die Kategorie). </div> <div id="view-source-button-hovertip"> Ansicht des Seiten-Quelltextes ohne Änderung. </div> <div id="parent-page-button-hovertip"> Anzeigen/Festlegen der „Eltern“ Seite (zur „Brotkrumennavigation“ und Erstellung einer Layout-Struktur). </div> <div id="abuse-report-button-hovertip"> Benachrichtigen Sie die Administratoren, wenn Sie anstößige Inhalte auf dieser Seite finden. </div> <div id="bug-report-button-hovertip"> Etwas funktioniert nicht wie erwartet? Finden Sie heraus, was Sie tun können. </div> <div id="wikidot-help-button-hovertip"> Allgemeine Wikidot.com-Dokumentation und Hilfebereich. </div> <div id="wikidot-tos-button-hovertip"> Wikidot.com Nutzungsbedingungen (Terms of Service) - Was Sie dürfen und was nicht usw. </div> <div id="wikidot-privacy-button-hovertip"> Wikdiot.com - Datenschutzbestimmungen </div> </div> </body> </html>

CINXE.COM

Intro - Webkompetenz