-HTML-Kopf zum Kopieren und Wiederverwenden-
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0>
<title>Name der Seite</title>
</head>
<body>
<p>Inhalt der Seite</p>
</html>
Listen und Tabellen
Listen:
Man unterscheidet zwischen geordneten und ungeordneten Listen
Listen in Textdokumenten sind Aufzählungen von ähnlichen Dingen. Bei den ungeordneten
Listen stehen z.B. Striche (-) oder Punkte (•) vor den einzelnen Listeneinträgen. Die
Listeneinträge wiederum stehen untereinander. Bei geordneten Listen sind die Elemente mit
Zahlen oder Buchstaben gekennzeichnet.
Eine geordnete Liste steht in HTML in den Tags <ol></o>, eine ungeordnete in den Tags
<ul></ul>. Zwischen Anfangs-Tag und Ende-Tag stehen die Listeneinträge. Jeder
Listeneintrag (englisch list item) steht zwischen den Tags <li> und </li>.
Beispiel:
<ul>
<li> - Walnuss </li>
<li> - Mandel </li>
<li> - Bananenkuchen </li>
</ul>
Tabellen:
Eine Tabelle besteht aus Zeilen und Spalten. In HTML wird eine Tabelle mit <table>
definiert. Innerhalb der Tabelle werden Zeilen mit <tr> definiert. In jeder Zeile werden die
Datenzellen geschrieben. Es sollten in jeder Zeile genauso viele Zellen sein, nämlich soviel
wie die Tabelle Spalten hat. Eine besondere Zeile ist die Zeile mit den Kopfzellen
(Spaltenüberschriften).
Beispiel:
<table>
<tr>
<th>Berlin</th>
<th>Hamburg</th>
<th>München<:/th>
</tr>
<tr>
<td>Miljöh</td>
<td>Kiez</td>
<td>Bierdampf</td>
</tr>
<tr>
<td>Buletten</td>
<td>Frikadellen</td>
<td>Fleischpflanzerl</td>
</tr>
</table>