Einführung in HTML zur Strukturierung von Inhalten

HTML, das Fundament von Webseiten, definiert deren Struktur und Inhalt. Denken Sie daran wie an das Fundament, die Wände, die Tür und das Dach eines Hauses.

Im Kern besteht HTML aus Elementen, die in spitzen Klammern (<>) eingeschlossen sind und typischerweise paarweise auftreten - ein öffnendes und ein schließendes Tag. Diese Elemente bilden eine hierarchische Struktur, wobei einige Elemente in anderen verschachtelt sind, um ein sinnvolles Layout zu erstellen.

Beispiel:

Bitte klicken Sie auf die Code ausführen Schaltfläche, um die Website in Aktion zu sehen.

Hinzufügen verschiedener Tags in HTML

In HTML können wir verschiedene Tags verwenden, um verschiedene Arten von Inhalten zur Webseite hinzuzufügen. Hier ist, wie wir Text, Bilder, Links und mehr hinzufügen können:

Hinzufügen von Text

Um Text zur Webseite hinzuzufügen, können wir das <p>-Tag für Absätze verwenden, <h1> bis <h6> für Überschriften verschiedener Ebenen.

Bilder hinzufügen

Um Bilder hinzuzufügen, können wir das <img>-Tag verwenden. Geben Sie die Quelle des Bildes (Attribut src) an und fügen Sie optional Attribute wie alt für Alternativtext und width und height für die Abmessungen hinzu.

Links hinzufügen

Um Hyperlinks zu anderen Webseiten oder Ressourcen hinzuzufügen, können wir das <a>-Tag verwenden. Geben Sie die URL der Zielseite mit dem Attribut href an.

Hinzufügen von Listen

Um geordnete (nummerierte) oder ungeordnete (Aufzählungszeichen) Listen zu erstellen, können wir die <ol>- und <ul>-Tags verwenden. Innerhalb dieser Tags verwenden Sie das <li>-Tag für jedes Listenelement.

Hinzufügen von Formularen

Um Formulare für Benutzereingaben zu erstellen, können wir verschiedene formularbezogene Tags wie <form>, <input> und <button> verwenden.

Wir können eine Vielzahl von Inhalten mit diesen HTML-Tags zur Webseite hinzufügen, von einfachem Text und Bildern bis hin zu interaktiven Formularen. Unten finden Sie die Webseite mit den betrachteten Tags.

Video-Tutorial