HTML Basic-Tags
Die Grundlagen des Webdesigns
HTML (HyperText Markup Language) ist die Standard-Auszeichnungssprache für die Erstellung von Webseiten. Hier sind einige der grundlegenden HTML-Tags, die Sie kennen sollten:
1. Das <!DOCTYPE>-Tag: Das <!DOCTYPE>-Tag definiert den Dokumenttyp und die Version von HTML, die verwendet wird. Es sollte immer am Anfang eines HTML-Dokuments stehen.
<!DOCTYPE html>
2. Das <html>-Tag: Das <html>-Tag umschließt den gesamten Inhalt des HTML-Dokuments.
<html>
</html>
3. Das <head>-Tag: Das <head>-Tag enthält Metadaten über das Dokument, wie den Titel, Verweise auf Stylesheets und Skripte.
<head>
<title>Meine Webseite</title>
</head>
4. Das <body>-Tag: Das <body>-Tag enthält den sichtbaren Inhalt der Webseite.
<body>
<h1>Willkommen auf meiner Webseite</h1>
<p>Dies ist ein Absatz.</p>
</body>
5. Das <h1> bis <h6>-Tag: Diese Tags definieren Überschriften, wobei <h1> die wichtigste und <h6> die am wenigsten wichtige Überschrift ist.
<h1>Hauptüberschrift</h1>
<h2>Unterüberschrift</h2>
6. Das <p>-Tag: Das <p>-Tag definiert einen Absatz.
<p>Dies ist ein Absatz.</p>
7. Das <a>-Tag: Das <a>-Tag definiert einen Hyperlink.
<a href="https://www.beispiel.com">Besuche Beispiel.com</a>
8. Das <img>-Tag: Das <img>-Tag fügt ein Bild in die Webseite ein. Es benötigt das src-Attribut, um die Bildquelle anzugeben, und das alt-Attribut für eine alternative Beschreibung.
<img src="bild.jpg" alt="Ein schönes Bild">
9. Das <ul> und <ol>-Tag: Diese Tags definieren ungeordnete (<ul>) und geordnete (<ol>) Listen. Die Listenelemente werden mit dem <li>-Tag definiert.
<ul>
<li>Listenpunkt 1</li>
<li>Listenpunkt 2</li>
</ul>
<ol>
<li>Erster Punkt</li>
<li>Zweiter Punkt</li>
</ol>
10. Das <table>-Tag: Das <table>-Tag definiert eine Tabelle. Tabellenzeilen werden mit dem <tr>-Tag, Tabellenzellen mit dem <td>-Tag und Tabellenkopfzellen mit dem <th>-Tag definiert.
<table>
<tr>
<th>Überschrift 1</th>
<th>Überschrift 2</th>
</tr>
<tr>
<td>Daten 1</td>
<td>Daten 2</td>
</tr>
</table>
Diese grundlegenden HTML-Tags sind die Bausteine jeder Webseite. Durch das Verständnis und die richtige Anwendung dieser Tags können Sie ansprechende und funktionale Webseiten erstellen.
Brauchen Sie Hilfe?
Wir helfen Ihnen gerne weiter. Zögern Sie nicht, uns zu kontaktieren!
Wir freuen uns darauf, Ihnen bei Ihren Anliegen zu helfen und Ihre Webprojekte zum Erfolg zu führen.
