Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- internet:html:start [2024/11/19 06:35] – Martin Pabst
+++ internet:html:start [2024/11/25 18:57] (aktuell) – Martin Pabst
@@ Zeile 9: / Zeile 9: @@
 <code html>
 <!DOCTYPE html>
-  <html>
+<html>
-    <head>
+  <head>
-      <meta charset='utf-8'>
+    <meta charset='utf-8'>
-      <title>Seitentitel</title>
+    <title>Seitentitel</title>
-    </head>
+  </head>
-    <body>
+  <body>
 Hallo Welt!
-    </body>
+  </body>
-  </html>
+</html>
 </code>
+Eine HTML-Seite besteht aus **Elementen**, das sind Objekte, die bspw. Texte, Bilder, Rahmen usw. darstellen. Jedes Element wird durch ein **HTML-Tag** beschrieben, das aus einem **start tag** (bspw. ''<h1>''), einem **end tag** (bspw. ''</h1>'') und ggf. Text dazwischen bestehen kann, z.B. beschreibt dieses Tag ein Überschriften-Element:
+<code html>
+<h1>Das ist eine Überschrift</h1>
+</code>
+Der **Head-Teil** des HTML-Dokuments beschreibt die Metadaten der HTML-Seite, beispielsweise den Titel, der in der Fensterleiste erscheint (''<title></title>'') oder den Zeichensatz, mit dem die HTML-Datei codiert ist (''<meta charset='utf-8'>''). \\
+Im **Body-Teil** des HTML-Dokuments stehen die Elemente, die auf der HTML-Seite sichtbar sind.
 </WRAP>
@@ Zeile 27: / Zeile 34: @@
-===== 1. Überschriften =====
-<WRAP center round info 60%>
-Überschriften kannst Du mit den Tags ''<h1>'' (Überschrift 1. Ordnung -> sehr groß) bis ''<h4>'' (Überschrift 4. Ordnung) setzen, beispielsweise so:
-<code html>
-<h1>Das ist eine große Überschrift!</h1>
-<h2>Das ist eine etwas kleinere Überschrift.</h2>
-</code>
-</WRAP>