Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- html:loesungen:listen [2021/01/03 10:46] – angelegt lutz
+++ html:loesungen:listen [2021/01/03 10:49] (aktuell) – lutz
@@ Zeile 31: / Zeile 31: @@
 </ol>
+</body>
+</html>
+</code>
+<code html listen3.html>
+<!DOCTYPE html>
+<html lang="de">
+<head>
+    <meta charset="utf-8">
+    <title>Verschachtelte Listen</title>
+</head>
+<body>
+<ol>
+	<li>Grundger&uuml;st
+		<ol>
+			<li>HTML-Element</li>
+			<li>Kopfdaten</li>
+			<li>Body-Element
+				<ul>
+					<li>Überschriften</li>
+					<li>Absätze</li>
+					<li>Listen</li>
+				</ul>
+			</li>
+		</ol>
+	</li>
+	<li>Listen</li>
+		<ol>
+			<li>Geordnete Liste</li>
+			<li>Ungeordnete Liste</li>
+		</ol>
+	<li>Web-Entwicklung
+		<ul>
+			<li>HTML</li>
+			<li>CSS</li>
+			<li>Java</li>
+			<li>PHP</li>
+		</ul>
+	</li>
+</ol>
+</body>
+</html>
+</code>
+<code html listen4.html>
+<!DOCTYPE html>
+<html lang="de">
+<head>
+    <meta charset="utf-8">
+	<title>Definitionslisten</title>
+</head>
+<body>
+	<h1><b>Definitionslisten</b></h1>
+	<p>In Definitionslisten können Ausdrücke durch eingerückte Erklärungen übersichtlich dargestellt werden.</p>
+	<p>Ein Beispiel:</p>
+	<dl>
+		<dt><b>Optik</b></dt>
+			<dd>Lehre vom Licht</dd>
+		<dt><b>Strahlenoptik</b></dt>
+			<dd>untersucht das Verhalten des Lichtstrahls</dd>
+		<dt><b>Wellenoptik</b></dt>
+			<dd>untersucht das Verhalten von Lichtwellen</dd>
+	</dl>
+	<h4>Bedeutung der Abkürzungen</h4>
+	<ul>
+		<li>dl: "definition list"</li>
+		<li>dt: "definition term"</li>
+		<li>dt: "definion defintion"</li>
+	</ul>
 </body>
 </html>
 </code>