w3docs logo

HTML-Basic-Tags

Es gibt einige HTML-Elemente, die im Vergleich zu Anderen häufiger verwendet werden. Hier sind sie:

Die Kopfelemente werden für die Strukturierung von Kopfzeilen verwendet. Es gibt sechs Typen von HTML-Kopfzeilen von <h1> bis zu <h6>.

Das Element<h1>-<h6>

Beispiel

<!DOCTYPE html>
<html>
   <head>
       <title>Der Titel des Dokuments</title>
   </head>
   <body>
      <h1>Das ist die Kopfzeile 1</h1>
      <h2>Das ist die Kopfzeile 2</h2>
      <h3>Das ist die Kopfzeile 3</h3>
      <h4>Das ist die Kopfzeile 4</h4>
      <h5>Das ist die Kopfzeile 5</h5>
      <h6>Das ist die Kopfzeile 6</h6>
   </body>
</html>

Ergebnis

html example

Das Element <p> wird für die Unterteilung von HTML-Absätzen verwendet.

Beispiel

<!DOCTYPE html>
<html>
<body>
    <h2>Beispiel eines Elements</h2>
    <p>Das ist irgendein Absatz.</p>
    <p>Das ist ein weiterer Absatz <br/> mit einem Zeilenumbruch.</p>
</body>
</html>

Ergebnis

html example

Das Tag <img /> wird verwendet, um HTML-Bilder hinzuzufügen.

Beispiel

<!DOCTYPE html>
<html>
  <head>
    <title>Der Titel des Dokuments</title>
  </head>
  <body>
    <h1>Das ist ein Beispiel</h1>
    <img src="/uploads/media/default/0001/01/25acddb3da54207bc6beb5838f65f022feaa81d7.jpeg" alt="Aleq" width="200" height="185"/>
  </body>
</html>

Ergebnis

html example

Das Tag <a> wird verwendet, um HTML-Links hinzuzufügen.

Beispiel

<!DOCTYPE html>
<html>
  <head>
    <title>Der Titel des Dokuments</title>
  </head>
  <body>
    <a href="https://de.w3docs.com/">W3docs.com</a>
  </body>
</htm

Ergebnis

html example

Übe dein Wissen

Was ist der richtige Weg, um eine Überschrift in HTML zu erstellen?
Finden Sie das nützlich?