HTML/CSS :: Aufgabe #4
4 Lösungen
HTML Grundlagen: Liste
Anfänger - HTML/CSS
von Gelöschte Person
- 30.03.2019 um 18:49 Uhr
Die Aufgabe Lautet:
Einen HTML Code zuschreiben der, der Seite eine Liste Hinzufügt
Einen HTML Code zuschreiben der, der Seite eine Liste Hinzufügt
Lösungen:
HTML-Code
<!DOCTYPE html>
<html>
<head>
<title>HTML/CSS #7</title>
<meta charset="utf-8">
</head>
<body>
<ol>
<li>Item 1</li>
<li>Item 2</li>
<ul>
<li>Item unsorted</li>
<li>Item unsorted</li>
<li>Item unsorted</li>
</ul>
<li>Item 3</li>
<li>Item 4</li>
<ol start="1" type="I">
<li>Bli</li>
<li>Bla</li>
<li>Blub</li>
</ol>
</ol>
</body>
</html>
In den Body-Bereich packen:
HTML-Code
Dabei ist <ul> die Liste und <li> ein Listen Element
HTML-Code<ul> <li> Element 1 </li> <li> Element 2 </li> <li> Element 3 </li> <ul>
Dabei ist <ul> die Liste und <li> ein Listen Element
HTML-Code<!DOCTYPE html>
<head>
<meta charset=utf-8>
<title>001_Liste</title>
</head>
<html>
<body>
<ul>
<li>Banane</li>
<li>Ananas</li>
<li>Apfel</li>
<li>Pfirsich</li>
</ul>
<ol>
<li>Laubbaum
<ul>
<li>Buche</li>
<li>Linde</li>
</ul>
</li>
<li>Nadelbaum
<ul>
<li>Fichte</li>
<li>Kiefer</li>
</ul>
</li>
</ol>
</body>
</html> HTML-Code<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>HTML Grundlagen: Liste</title>
</head>
<body>
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
</body>
</html>