HTML-Basics-VanAcademy

HTML Basics

In diesem Beitrag möchte ich einige HTML-Grundlagen thematisieren. Im Kern muss man sich HTML so vorstellen, dass ein Objekt eingeklammert wird und je nach Art der Verklammerung etwas mit dem Objekt geschieht. Etwas komplexer wird es, wenn man in Verklammerungen weitere Verklammerungen hinzufügt. Jedoch soll dich dies nicht verunsichern, denn im Gegenteil – HTML ist sehr einfach aufgebaut und zu verstehen. Das bedeutet allerdings nicht, dass HTML durch die „einfache“ Handhabung obsolet ist.

Beachte, dass das oben genannte ziemlich untechnisch ausgedrückt wurde. Dies dient zum einen für das Verständnis für Anfänger und zum anderen folgen die korrekten Begriffe bei den jeweiligen Beiträgen bzw. Themengebieten. Also keine Angst, wir wollen dich am Anfang nicht mit zu vielen Begriffen überrollen, sondern dich an die Hand nehmen und mit dir schrittweise HTML erkunden und erlernen.

Überblick:

  1. HTML Dokumente
  2. HTML Headings (Überschriften)
  3. HTML Paragraphs (Absätze)
  4. HTML Links
  5. HTML Images (Bilder)

1. HTML Dokumente

Alle HTML Dokumente müssen mit einer sog. „document type declaration“ beginnen. Dies schaut so aus: <!DOCTYPE html>

Das eigentliche HTML Dokument beginnt mit dem „Tag“ <html> und wird geschlossen mit </html>. Achte dabei darauf, dass bei dem sog. „end-tag“ immer ein „/“ enthalten ist.

Der Teil, der auf der Homepage sichtbar ist, befindet sich zwischen den Tag <body> und </body>.


<!DOCTYPE html>
<html>
<body>

<h1>Überschrift 1</h1>
<p>Absatz</p>

</body>
</html>

2. HTML Headings (Überschriften)

Überschriften (Headings) werden durch die Tags <h1> bis <h6> definiert. Dabei ist zu beachten, dass <h1> das wichtigste Heading darstellt.


<h1>Überschrift 1</h1>
<h2>Überschrift 2</h2>
<h3>Überschrift 3</h3>

3. HTML Paragraphs (Absätze)

HTML Paragraphen sind durch die Tags <p> und </p> gekennzeichnet.


<p>Dies ist ein Absatz</p>

4. HTML Links

HTML Links sind durch die Tags <a> und </a> definiert.


<a href="http://www.vanacademy.de">VanAcademy</a>

5. HTML Images (Bilder)

HTML Images (Bilder) sind durch den Tag <img> definiert.


<img src="https://i2.wp.com/vanacademy.de/wp-content/uploads/2017/09/VanAcademy-Logo-V2.jpg?w=324">

Van ist der Gründer von VanAcademy.de. In seiner Freizeit beschäftigt er sich hauptsächlich mit WordPress, HTML/CSS/php und MySQL. Außerdem interessiert er sich so gut wie für jeden Technikkram und Katzen.

Van Hoang Autor

Van ist der Gründer von VanAcademy.de. In seiner Freizeit beschäftigt er sich hauptsächlich mit Wordpress, HTML/CSS/php und MySQL. Außerdem interessiert er sich so gut wie für jeden Technikkram und Katzen.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.