Zum Inhalt springen
Web Development

Erstelle das HTML-Grundgerüst

Erstelle eine HTML-Datei mit der .html-Dateiendung, zum Beispiel index.html, und öffne sie in einem Texteditor.

Füge das grundlegende HTML-Strukturtemplate ein:

<!DOCTYPE html>
<html>
<head>
   <title>Titel der Webseite</title>
</head>
<body>
</body>
</html>
  • Erstelle in der <body>-Sektion den Bereich für den Button und die Anzeige des Zitats. Für den Zitat-Bereich kannst du einen HTML <div> oder <p> Tag, für den Button einen HTML <button> Tag verwenden.
  • Versehe diese Tags mit dem ID-Attribut, z.B. quote und generate-quote-btn.

Das kannst du hier lernen

  • HTML-Basics: Du solltest grundlegendes Wissen über HTML haben, wie die Syntax, Tags und den Aufbau einer HTML-Datei.
  • DOCTYPE: Die <!DOCTYPE html>-Zeile am Anfang der HTML-Datei definiert den HTML5-Standard.
  • HTML-Struktur: Die grundlegende Struktur einer HTML-Datei besteht aus <html>, <head> und <body>. Das <head>-Element enthält Metadaten und den Titel der Webseite, während das <body>-Element den sichtbaren Inhalt der Webseite enthält.