proggen.org html:basics https://www.proggen.org/ 2026-05-01T18:12:58+0200 proggen.org https://www.proggen.org/ https://www.proggen.org/lib/tpl/proggenX/images/favicon.ico text/html 2022-09-22T19:58:56+0200 Anonymous (anonymous@undisclosed.example.com) Formulare https://www.proggen.org/doku.php?id=html:basics:forms&rev=1663869536 Formulare Dieses Kapitel ist vor allem wichtig, wenn man dynamische Webseiten erstellen will. Formulare ermöglichen es Eingabedaten an eine Skriptdatei, wie zum Beispiel ein PHP-Skript (es gibt noch andere), zu schicken und die Daten dort auszuwerten. text/html 2022-09-22T19:58:56+0200 Anonymous (anonymous@undisclosed.example.com) Frames https://www.proggen.org/doku.php?id=html:basics:frames&rev=1663869536 Frames Frames sind Teilbereiche einer HTML-Datei in der eine andere Dateien angezeigt werden können. Alle Frames zusammen ergeben das sogenannte Frameset. Framesets Ein Frameset wird in einer Datei definiert, zum Beispiel folgendermaßen: <!doctype html> <html> <head> </head> <frameset cols="40%,60%"> <frame src="frame1.htm" name="frame1"> <frame src="frame2.htm" name="frame2"> </frameset> </html> text/html 2022-09-22T19:58:56+0200 Anonymous (anonymous@undisclosed.example.com) html:basics:grungeruest https://www.proggen.org/doku.php?id=html:basics:grungeruest&rev=1663869536 Verschoben nach Das HTML-Grundgerüst. text/html 2022-09-22T19:58:56+0200 Anonymous (anonymous@undisclosed.example.com) Bilder https://www.proggen.org/doku.php?id=html:basics:image&rev=1663869536 Bilder Welche Homepage kommt heute ohne Bilder aus? Seien es Hintergrundbilder, kleine Animationen am Rand, große Illustrationen des Themas der Homepage oder einfach zur Verschönerung - keine moderne Homepage kommt ohne Bilder aus. Bilder einbinden text/html 2022-09-22T19:58:56+0200 Anonymous (anonymous@undisclosed.example.com) Verweise/Hyperlinks https://www.proggen.org/doku.php?id=html:basics:link&rev=1663869536 Verweise/Hyperlinks Links werden benutzt um mehrere HTML Seiten miteinander zu verknüpfen und von einer auf eine andere Seite zu verweisen. Es gibt mehrere Arten von Links: Die Arten von Links Absolute Pfadangabe Beispiel: <a href="http://www.example.org/example/folder/file.htm">Example.org</a> text/html 2022-09-22T19:58:56+0200 Anonymous (anonymous@undisclosed.example.com) Sonderzeichen in HTML https://www.proggen.org/doku.php?id=html:basics:specialchars&rev=1663869536 Sonderzeichen in HTML Sonderzeichen können auf Webseiten Probleme verursachen. Zum Beispiel wird manchmal ü als ü angezeigt. Diese seltsame Ausgabe entsteht, weil das Zeichen ü nicht auf der englischen Tastatur existiert und Browser somit auch nicht immer mit den deutschen Zeichen zurecht kommen. Das gilt nicht nur für das text/html 2022-09-22T19:58:56+0200 Anonymous (anonymous@undisclosed.example.com) Grundlagen von HTML https://www.proggen.org/doku.php?id=html:basics:start&rev=1663869536 Grundlagen von HTML * Das HTML Grundgerüst * Texte auf einer Homepage * Hyperlinks (Verweise) * Bilder * Tabellen * Frames * Sonderzeichen text/html 2022-09-22T19:58:56+0200 Anonymous (anonymous@undisclosed.example.com) Das HTML-Grundgerüst https://www.proggen.org/doku.php?id=html:basics:structure&rev=1663869536 Das HTML-Grundgerüst Eine HTML-Seite ist ein einfaches Textdokument, das die Dateiendung .htm oder bevorzugt .html besitzt. Der Aufbau HTML ist eine spezielle Form eines XML-Dokumentes. In XML werden Daten mit einem sogenannten Tag umklammert, zum Beispiel: text/html 2022-09-22T19:58:56+0200 Anonymous (anonymous@undisclosed.example.com) Tabellen https://www.proggen.org/doku.php?id=html:basics:table&rev=1663869536 Tabellen Tabellen können in HTML dazu benutzt werden um Elemente auszurichten oder zusammengehörigen Sachverhalte (z.B. gegensätzliche Thesen) darzustellen. Tabellen einbinden Tabellen werden folgendermaßen eingebunden: <table><tr><th><!-- Überschriften --></th></tr><tr><td><!-- Inhalte --></td></tr></table> text/html 2022-09-22T19:58:56+0200 Anonymous (anonymous@undisclosed.example.com) Text https://www.proggen.org/doku.php?id=html:basics:text&rev=1663869536 Text Ein Textabschnitt Einfacher Text wird wie in einem Buchtext in Absätzen geschrieben. Die Absätze heißen im Englischen „Paragraph“ und daher in HTML einfach kurz „p“. Text muss nicht in Absätzen strukturiert werden, es vereinfacht aber die korrekte Darstellung. Es ist möglich mehrere