Listen (Lösungen)

listen2.html

<!DOCTYPE html>
 
<html lang="de">
<head>
    <meta charset="utf-8">
    <title>Verschachtelte Listen</title>
</head>
<body>
 
<h2>Verschachtelte Listen</h2>
 
<h3>Eine geordnete Liste:</h3>
<ol>
    <li><h4>Der erste Listeneintrag ist eine ungeordnete Liste:</h4>
        <ul>
            <li>Ein Untereintag</li>
            <li>Ein Untereintag</li>
            <li>Ein Untereintag</li>
        </ul>
    </li>
    <li><h4>Der zweite Listeneintrag ist eine geordnete Liste:</h4>
        <ol>
            <li>Erster Untereintag</li>
            <li>Zweiter Untereintag</li>
            <li>Dritter Untereintag</li>
        </ol>
    </li>
</ol>
 
</body>
</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>

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>