Erstellen einer modernen Website

HTML

Webseiten bestehen aus Text und Steuerungcodes die in Spitzen Klammern eingebettet sind. Dieser Standard wird als HTML bezeichnet

Eine gute Beschreibung finden Sie auf den „Selfhtml“ – Seiten von Stefan Münz. (http://wiki.selfhtml.org/)

Die Spezifikation vom W3C (http://www.w3.org/html/)

Grundgerüst
<!DOCTYPE html>
<html>
  <head>
    <title>Beschreibung der Seite</title>
  </head>
  <body>
    +++ hier kommt der sichtbare Inhalt: +++
  </body>
</html>
Textformatierung
<b>Fett</b> <strong>auch fett</strong>
<i>kursiv</i>
<sub>tief gestellt</sub>
<sup>hoch gestellt</sup>
Fett auch fett kursiv tief gestellt hoch gestellt
Überschriften
<h1>Die größte Überschrift</h1>
<h2>Die zweitgrößte Überschrift</h2>
<h3>Die drittgrößte Überschrift</h3>
<h4>Die viertgrößte Überschrift</h4>
<h5>Die fünftgrößte Überschrift</h5>
<h6>Die kleinst mögliche Überschrift</h6>

Die größte Überschrift

Die zweitgrößte Überschrift

Die drittgrößte Überschrift

Die viertgrößte Überschrift

Die fünftgrößte Überschrift
Die kleinst mögliche Überschrift
Listen
Listen mit Punkten:

<ul>
  <li>erster Punkt</li>
  <li>zweiter Punkt</li>
  <li>dritter Punkt</li>
</ul>

Numerierte Listen:

<ol>
  <li>erster Punkt</li>
  <li>zweiter Punkt</li>
  <li>dritter Punkt</li>
</ol>
Listen mit Punkten:
  • erster Punkt
  • zweiter Punkt
  • dritter Punkt
Numerierte Listen:
  1. erster Punkt
  2. zweiter Punkt
  3. dritter Punkt
Tabellen
<table>
  <tr>
    <td>Erste Zeile, erstes Feld</td>
    <td>Erste Zeile, zweites Feld</td>
    <td>Erste Zeile, drittes Feld</td>
  </tr>
  <tr>
    <td>Erste Zeile, erstes Feld</td>
    <td>Erste Zeile, zweites Feld</td>
    <td>Erste Zeile, drittes Feld</td>
  </tr>
</table>
Erste Zeile, erstes Feld Erste Zeile, zweites Feld Erste Zeile, drittes Feld
Erste Zeile, erstes Feld Erste Zeile, zweites Feld Erste Zeile, drittes Feld
Verweise
<a href=“https://www.google.de“>Hier gehts zu Google</a>
<a href=“tabellen.html“>und hier zur den Tabellen</a>
<a href=“../index.html“>und hier zur übergeordneten Seite</a>
Hier gehts zu Google und hier zur den Tabellen und hier zur übergeordneten Seite
Bilder
<img src=“https://web21a.cmskurse.com/wp-content/uploads/2018/01/smiley-1635449_640.png" alt="Bitte lächeln" title="Bitte lächeln">
Bitte lächeln