HTML-Befehle
Einführung, Anwendung und Struktur
HTML (Hypertext Markup Language) ist die Standardauszeichnungssprache für die Erstellung von Webseiten. Mit HTML-Befehlen, auch HTML-Tags genannt, können Sie die Struktur und den Inhalt einer Webseite definieren. Diese Befehle sind das Grundgerüst jeder Website und ermöglichen es, Text, Bilder, Links und vieles mehr anzuzeigen. Im Folgenden werden einige grundlegende HTML-Befehle vorgestellt und erklärt.
Navigation
Patrick Stein
HTML-Befehle – Grundstruktur einer HTML-Seite
Die grundlegende Struktur einer HTML-Seite besteht aus den folgenden Tags:
<!DOCTYPE html>
<html>
<head>
<title>Meine Webseite</title>
</head>
<body>
<h1>Willkommen auf meiner Webseite!</h1>
<p>Dies ist ein Absatz mit Text.</p>
</body>
</html>
<!DOCTYPE html>: Deklariert den Dokumenttyp und die Version von HTML.
<html>: Der Wurzel-Tag, der das gesamte HTML-Dokument umschließt.
<head>: Enthält Metadaten über das Dokument, wie den Titel und Verweise auf Stylesheets und Skripte.
<title>: Setzt den Titel der Webseite, der im Browser-Tab angezeigt wird.
<body>: Enthält den sichtbaren Inhalt der Webseite, wie Überschriften, Absätze, Bilder und Links.
HTML-Befehle für die Textformatierung
HTML bietet verschiedene Tags zur Textformatierung:
<h1>Überschrift 1</h1>
<h2>Überschrift 2</h2>
<p>Dies ist ein <strong>wichtiger</strong> Text und dies ist ein <em>betonter</em> Text.</p>
<ul>
<li>Listenpunkt 1</li>
<li>Listenpunkt 2</li>
</ul>TYPE html>
<html>
<head>
<title>Meine Webseite</title>
</head>
<body>
<h1>Willkommen auf meiner Webseite!</h1>
<p>Dies ist ein Absatz mit Text.</p>
</body>
</html>
<h1> bis <h6>: Definiert Überschriften, wobei <h1> die wichtigste und <h6> die unwichtigste ist.
<p>: Definiert einen Absatz.
<strong>: Hebt Text durch Fettschrift hervor.
<em>: Betont Text durch Kursivschrift.
<ul>: Erstellt eine ungeordnete Liste.
<li>: Definiert einen Listenpunkt innerhalb einer Liste.
Einfügen von Links und Bildern
Links und Bilder sind grundlegende Elemente jeder Webseite:
<a href="https://www.example.com">Besuche Example.com</a>
<img decoding="async" src="bild.jpg" alt="Beschreibung des Bildes">
<a>: Erstellt einen Hyperlink. Das href-Attribut gibt die URL des Links an.
<img>: Fügt ein Bild ein. Das src-Attribut gibt die Bildquelle an, und das alt-Attribut liefert eine alternative Beschreibung des Bildes.
Formulare
Formulare ermöglichen die Eingabe von Daten durch den Nutzer:
<form action="/submit" method="post">
<label for="name">Name:</label>
<input type="text" id="name" name="name">
<input type="submit" value="Absenden">
</form>
<form>: Erstellt ein Formular. Das action-Attribut gibt die URL an, an die die Formulardaten gesendet werden, und das method-Attribut gibt die HTTP-Methode an (GET oder POST).
<label>: Verknüpft ein Beschriftungselement mit einem Formularsteuerelement.
<input>: Erstellt ein Eingabefeld. Das type-Attribut bestimmt den Typ des Eingabefelds (z.B. Text, Passwort, Absenden).
Unser Fazit zu HTML-Befehlen
HTML-Befehle sind das Fundament jeder Webseite. Mit einer Vielzahl von Tags können Sie die Struktur und den Inhalt Ihrer Webseite definieren und gestalten. Von der grundlegenden Textformatierung über das Einfügen von Links und Bildern bis hin zur Erstellung von Tabellen und Formularen bietet HTML alle Werkzeuge, die Sie benötigen, um ansprechende und funktionale Webseiten zu erstellen. Indem Sie diese grundlegenden HTML-Befehle beherrschen, legen Sie den Grundstein für die Webentwicklung und das Design. Gerne helfen wir Ihnen als SEO Agentur bei diesen wichtigen Schritten weiter. Kontaktieren Sie uns noch heute!
Weitere Artikel
Für SEO & SEA
Ihr Ansprechpartner
Beyond Media hilft Ihnen dabei, sich von der Konkurrenz abzuheben und bringt Ihre Website mit den richtigen SEO- & SEA-Maßnahmen nach vorne. Gewinnen Sie mit unserer Hilfe und unserer Expertise neue Kunden und sichern Sie sich und Ihrem Unternehmen langfristige und nachhaltige Erfolge mit einem starken digitalen Auftritt!