Was ist HTML? Ein Tutorial für Einsteiger

Was ist HTML?

Bei HTML handelt es sich um eine textbasierte Auszeichnungssprache zur Strukturierung von Webseiten.
Die Abkürzung steht für „Hypertext Markup Language“ (englisch für Hypertext-Auszeichnungssprache).

HTML-Grundlagen

HTML ist nicht wirklich eine Programmiersprache, sondern eine Auszeichnungssprache,
sie ist dazu gedacht, Ihre Webseite zu strukturieren.
HTML besteht aus einer Reihe von Elementen, welche Sie um hr Inhalt herum platzieren können, um
diesen spezielle Aufgabe zuzuweisen.

 

Aufbau eines Elements:

Heute ist ein schöner Tag

Wenn wir möchten, dass der Satz als Link fungiert, können wir mit <a> spezifizieren,
dass es sich um einen Hyperlink handelt:

<a href="#">Heute ist ein schöner Tag</a>

Der Aufbau eines Elements ist fast immer gleich.

  1. Das öffnende Tag: <a>
  2. Der Inhalt: Heute ist ein schöner Tag
  3. Das schließende Tag: </a>

 

Elemente können auch Attribute haben:

<p class="klasse">Heute ist ein schöner Tag</p>

Diese Attribute enthalten Zusatzinformationen über das Element.
In diesem Fall kann man das Element über seine Klasse Identifizieren, dadurch ist
es möglich das Element mit Informationen wie z.B. Farbe und Größe zu versehen.

 

Verschachtelte Elemente:

<p>Heute ist ein <strong>schöner Tag</strong></p>

Ein Text kann auch mehrere Elemente besitzen, dabei ist aber zu beachten,
dass die Elemente in der richtigen Reihenfolge geschlossen werden.
Das zuerst geöffnete Element muss dabei als letztes geschlossen werden.

 

Weitere Elemente

Nicht alle Elemente werden aufgezählt, dafür gibt es schlicht zu viele.
Falls Sie ein bestimmtes Element suchen empfehlen wir Ihnen die Seite: www.w3schools.com

 

Absatz:

<p>Heute ist ein schöner Tag</p>

Heute ist ein schöner Tag

 

Fett Gedruckt:

<strong>Heute ist ein schöner Tag</strong>
<b>Heute ist ein schöner Tag</b>

Heute ist ein schöner Tag

 

Kursiv:

<em>Heute ist ein schöner Tag</em>
<i>Heute ist ein schöner Tag</i>

Heute ist ein schöner Tag

 

Link:

<a href="www.pip.de" target="_blank">PiP Werbeagentur Heilbronn am Neckar</a>

PiP Werbeagentur Heilbronn am Neckar

target="_blank"
Gibt an, dass der Link in einem neuen Browserfenster geöffnet wird.

href="www.pip.de"
href="/index.html"

Ist die Adresse, welche beim Klick auf den Link aufgerufen wird.

 

Sektions Elemente:

<header>Header der Webseite</header>
<nav>Navigation</nav>
<section>Sektion</section>
<article>Artikel</article>
<aside>Seitliche Sektion</aside>
<footer>Footer der Webseite</footer>

Diese Elemente verwendet man zur Strukturierung Ihrer Webseite.

 

Thema: Was ist HTML? Ein Tutorial für Einsteiger - HTML Lernen leicht gemacht.