Kontakt aufnehmen

Sehr geehrte(r) Interessent(in),

für Ihr Interesse an meinen Dienstleistungen bedanke ich mich.

Aus persönlichen Gründen kann ich leider bis auf weiteres keine Aufträge mehr annehmen.

Vielen Dank für Ihr Verständnis.


Tobias Bettin webseiten-bonn.de

Buchstabensalat – So formatieren Sie Ihren Text in HTML

Buchstabensalat – So formatieren Sie Ihren Text in HTML

Wie Sie im letzten Blogbeitrag festgestellt haben, reiht HTML alle Wörter aneinander.

Damit der Browser erkennt, dass Sie einen Zeilenumbruch, einen neuen Absatz oder gar eine Überschrift haben wollen, müssen Sie die passenden Html Tags einbauen.

Heute erkläre ich Ihnen also die 5 wichtigsten HTML Tags für einen Text.
Hier unser letzter Stand:
Webdesign letzter Stand

Eine Überschrift definieren:

Schauen Sie sich den Text von Zeile 9 – 10 an. Diesen wollen Sie nun als Überschrift definieren.

Überschriften definieren Sie mit einen HTML h-Tag. h steht für heading.
In HTML gibt es h1, h2, h3, h4, h5 und h6 Überschriften, wobei in einer normalen Webseite meist nur h1 – h3 Überschriften verwendet werden.

Relevante Überschriften H1, H2 und H3

Die H1 ist die wichtigste Überschrift. Diese darf nur einmal vorkommen und wird verwendet, um den Seitentitel zu kennzeichnen.

Nach der H1 Überschrift kommen eine oder mehrere H2 Überschriften. Diese sind auch noch sehr relevant und sollte zur weiteren Gliederung des Textes verwendet werden. Die H3 Überschriften werden dann als untergeordnete Zwischenüberschriften eingesetzt.

Wir werden das gleich an unserem Text so machen:
H1 = Seitentitel
H2 = wichtige Überschrift
1. Absatz
2. Absatz

Los geht’s:
Überschriften definiert:
Überschriften setzen
Ergebnis:
Ergebnis von Überschriften setzen

Hinweis: Natürlich ist hier auch wieder zu beachten, dass man jeden Tag , den man aufmacht, auch wieder mit einem schließt.

Einen Absatz definieren

Einen Absatz definieren Sie mit dem p Tag.
Also so:
Absatz definieren
Ergebnis:
Ergebnis Absatz definieren

Der Zeilenumbruch:

Einen Absatz definieren Sie mit dem br Tag. Der br Tag ist ein besonderer Tag. Will man einen Textabschnitt nun in die nächste Zeile bringen, reicht es aus, einmal den br Tag zu setzen ohne ihn zu schließen.

Nun wollen Sie beispielsweise bei „Warum lohnt es sich für Sie, eine gute Webseite zu haben?“ einen Zeilenumbruch haben.
Das geht folgendermaßen:
Zeilenumbruch
Ergebnis:
Ergebnis von Zeilenumbruch

Im Text Wörter markieren:

Wenn Sie wichtige Wörter im Text markieren wollen, machen Sie das mit den b Tag. b steht für bold = fett.
Im Text Wörter markieren
Ergebnis:
Im Text Wörter markieren Ergebnis

Einen Link setzen:

Zu jedem guten Text im Internet gehören Links. Wir wollen an dem Beispieltext in Zeile 15 den Heilpraktiker mit meiner Referenzenseite verknüpfen.

link setzen
Endergebnis:
Ergebnis von Link setzen

Ich hoffe ich konnte Ihnen mit der Formatierung von einem Text in HTML weiterhelfen. Der nächste Blogbeitrag geht über das Thema `Die Erstellung von einer Liste´.

Schönes Wochenende
Tobias Bettin

erstellt am: 02.03.2018 | Kategorie(n): HTML5 Kurs

Zurück zur Blogübersicht