====== Grundlegende Formatierungen ======

Eine schöne Übersicht findet man in der Datei 

[[https://www.html-seminar.de/downloads/html5-css-referenz.pdf]] der Webseite [[https://www.html-seminar.de]].


====== Grundlegende HTML- Tags ======

===== Überschriften =====
<code  html>
<h1>... </h1>
<h2>... </h2>
<h3>... </h3>
.
.
.
</code>


===== Absätze =====

<code  html>
<p>... </p>
</code>

===== Tabellen =====

<code  html>
<table>... </table>
<tr>... </tr> <!--table row: Tabellenzeile -->
<td>... </td> <!--table date: Tabellenzelle -->
</code>

===== Struktur =====

<code  html>
<div class="klassenname"> ... </div>
</code>


===== Links / Verweis =====
<code  html>
<a>... </a>
</code>

Man unterscheidet:

|Relative Referenzierung:\\ Datei befindet sich in der Nähe.  |<code  html><a href="img/bildname.jpg">Bild</a></code>|
|Absolute Referenzierung:\\ Zieldatei liegt im Internet.  |<code  html><a href="https://www.bootstrapworld.de/design/bootstrapworld/sc/js/bootstrap.min.js">download</a></code>|
|Ankernavigation:\\ Verweis ist ein Anker, der mit einer //id// versehen ist.| <code  html><a href="#Kalender">Kalender</a></code>|

===== Aufzählungen =====

<code  html>
<ul> ... </ul> <!-- Liste ohne Nummerierung (unsortierte Liste) -->
<ol> ... </ol> <!-- Liste mit Nummerierung (orientierte Liste) -->
<li> ... </li>

</code>

===== Bilder =====
<code  html>
<img>
</code>

|Beispiel |<code  html><img src="img/sonnenuntergang.jpg" alt="Foto vom Sonnenuntergang"></code>|