find-templates

Absätze

zurück zur Übersicht

Überschriften + Absätze



Beispiel Mit h-Tags erzeugen wir Überschriften.
Überschriften strukturieren die Seite

– für den Leser
- für Suchmaschinen
- und Screenreader.

Mit p-Tags erzeugen wir Absätze.
Grafik links anklicken zum vergrößern.



Schritt 1: Der HTML Code

- auf "Eigene Seiten editieren"
- Seite auswählen, wo Inhalt hinein soll
- im Editor (Werkzeugleiste) oben links auf "Quellcode" klicken
- nun folgenden HTML-Code einfügen:

<h2 class="seitentitel" >Titel der Seite:</h2>

<h3>Überschrift 1</h3>
<p> Hier dein erster Artikel </p>

<h3>Überschrift 2</h3>
<p> Hier dein zweiter Artikel </p>

<h3>Überschrift 3</h3>
<p> Hier dein dritter Artikel </p>

<h3>Überschrift 4</h3>
<p> Hier dein vierter Artikel </p>


<h2> - für den Seitentitel
<h3> - für weitere Überschriften
<p> - für saubere Absätze

Info:
Das p-Tag ist ein Blockelement, aber innerhalb eines p-Tags dürfen nur Inline-Elemente wie strong, span und img verwendet werden. Andere Blockelemente wie div, form oder table dürfen nicht innerhalb von p-Tags liegen.

Der CSS Code zum gestalten:

<style type="text/css">
<!--

h2.seitentitel {
   font-size: 18px;
   color: #800000;
   margin-bottom: 10px; }

h3 {
   font-size: 15px;
   font-weight: bold;
   color: # 343434;
   margin: 15px 0px 5px 0px; }

p {
   font-size: 13px;
   font-family: arial;
   margin: 0px 10px 30px 5px; }

-->
</style>


Weitere Infos:

<h1> stellt die wichtigste Überschrift dar.
Den "Homepage-Titel" platziert der Baukasten automatisch zwischen <h1> und </h1> :


Die Überschrift <h2> wird für den Seitentitel verwendet.
Auch den "Seitentitel" platziert der Baukasten automatisch zwischen <h2> und </h2> :

Gute Seitentitel für die Suchmaschine ?
Der Seitentitel wird von einer Suchmaschine als vorrangiges Kriterium verwendet, um zu entscheiden, ob ein eingegebener Suchbegriff mit dem Inhalt einer bestimmten Webseite übereinstimmt. Mehr dazu hier: Was ist ein guter Seitentitel.
Heute: 7 Besucher