veröffentlicht am: 30. Mai 2024
HTML: Grundgerüst erstellen – So gehts
Das Grundgerüst einer HTML-Seite bildet die Basis für jeden Inhalt, der auf einer Webseite angezeigt werden soll. Es besteht aus drei wesentlichen Elementen:
1. Dokumenttyp-Deklaration (Doctype): Diese Deklaration informiert den Browser darüber, welche Version von HTML verwendet wird. So kann der Browser die Seite korrekt interpretieren und darstellen.
<!DOCTYPE html>2.HTML-Element: Dieses Element umschließt den gesamten HTML-Inhalt der Seite.
<html>
...
</html>3.Head-Element: Im head-Element befinden sich Metadaten, die Informationen über die Seite enthalten, aber nicht direkt im Browserfenster angezeigt werden. Dazu gehören beispielsweise der Seitentitel, die charset-Deklaration und Verknüpfungen zu externen Ressourcen wie CSS-Dateien.
<head>
<title>Meine Webseite</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>4. Body-Element: Im body-Element befindet sich der gesamte Inhalt, der im Browserfenster angezeigt werden soll. Dazu gehören Text, Überschriften, Bilder, Formulare und andere interaktive Elemente.
<body>
<h1>Willkommen auf meiner Webseite!</h1>
<p>Dies ist ein Beispielparagraph.</p>
<img src="bild.jpg" alt="Beschreibung des Bildes">
</body>Gesames HTML Grundgerüst Zusammenfassung
HTML
<!DOCTYPE html>
<html>
<head>
<title>Seitentitel</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>
<body>
</body>
</html>Dieses Grundgerüst kann dann mit weiteren HTML-Elementen und Attributen erweitert werden, um komplexere Webseiten zu erstellen.
Wichtige Punkte:
- Die Doctype-Deklaration ist wichtig für die korrekte Darstellung der Seite in allen Browsern.
- Das
head-Element sollte immer vorhanden sein, auch wenn es keine Metadaten enthält. - Der Inhalt der Webseite wird im
body-Element platziert. - Es gibt verschiedene HTML-Elemente und Attribute, mit denen Sie den Inhalt und das Aussehen Ihrer Webseite gestalten können.
Über Mich
Hi ich bin’s Dominik. Auf Blogseite.com findest du alles was mich interessiert. Mag Games, liebe SEO, programmiere gerne und möchte dir mit verschiedenen Themen die mich begeistern einen Mehrwert liefern. Viel Spaß auf meiner Seite
Weitere Beiträge auf Blogseite.com
Kennst du schon diese Memes?
