Webseite Schnellstart – Dateien im Web
In diesem Kurs wirst du mit dem Online-Editor von lerneProgrammieren arbeiten.
Allerdings wirst du nicht für immer in einem Online-Editor programmieren.
Alles was du hier lernst wirst du später in HTML-Dateien schreiben.
Daher ist es hilfreich die gängigsten Dateitypen zu kennen.
Folgende Dateiendungen werden im Web genutzt:
| Datei Endung | Beschreibung |
| .html | Beinhaltet HTML-Inhalte |
| .css | Hier werden CSS-Regeln für die Webseite hinterlegt |
| .js | JavaScript-Programme für die Webseite |
| .json | Speichert Daten im JSON-Format |
| .xml | Speichert Daten im XML-Format |
| .png, .jpeg, .gif | Bilddaten in verschiedenen Formaten |
Speichere dir folgenden Programmcode in einer Datei mit dem Namen: index.html
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<div>
<h1>Meine erste Website</h1>
<p>Ich lerne Webseiten Erstellung mit LerneProgrammieren.de</p>
</div>
</body>
</html>
Wenn du den Inhalt gespeichert hast, dann öffne die Datei im Browser. Dann siehst du, wie dein Browser den Dateiinhalt als Webseite darstellt.