Alles klar soweit !?

Sie befinden sich hier:

In diesem Teil unseres Tutoriums erl├Ąutern wir euch den Einsatz von ├ťberschriften- und Absatz-Tags und Zeilenumbr├╝che

 

Zun├Ąchst einmal zu den ├ťberschriften.

Beim struktorieren des Inhaltes eurer Homepage ist es wichtig, ├ťberschriften und Abs├Ątze von einander zu trennen. Hierzu dienen besondere Tags. Bei den ├ťberschriften gibt es den “<h1></h1>“-Tag. Die eins steht dabei f├╝r die ├ťbergeordnete ├ťberschrift. Die folgenden ├ťberschriften werden aufsteigend nummeriert und keine Zahl ├╝bersprungen. (Beispiel 1)

<h1>├ťberschrift h1</h1>
<h2>├ťberschrift h2</h2>
<h3>├ťberschrift h3</h3>
<h4>├ťberschrift h4</h4>
<h5>├ťberschrift h5</h5>

Hinweis: Standardm├Ą├čig wird dieses Beispiel der Gr├Â├če nach absteigend angezeigt. Die Schriftgr├Â├če formatieren wir ├╝ber CSS!!!

 

Genauso wie die ├ťberschriften ist es wichtig die Abs├Ątze eurer Texte zu definieren. Hierzu dienen die “<p></p>“-Tags. Desweiteren k├Ânnt ihr innerhalb dieser Abs├Ątze Zeilenumbr├╝che mit den sogenannten “<br>“-Tags erzwingen. (Beispiel 2)

<p>Dies ist ein Absatz mit einem<br>Zeilenumbruch. Der restliche Text wird wie gewohnt in dem Absatz fortgef├╝hrt.</p>

Hinweis: Auch hier werden formatierungen ├╝ber CSS durchgef├╝hrt. Mehr dazu in unserem CSS Tutorium.

 

Jetzt k├Ânnen wir diese mit einander Kombinieren um einen gut struktorierten Text zu erhalten. (Beispiel 3)

<h1>├ťberschrift h1</h1>
<p>Beispieltext f├╝r einen Absatz</p>
<h2>├ťberschrift h2</h2>
<p>Beispieltext f├╝r einen Absatz</p>
<p>Beispieltext f├╝r einen weiteren Absatz</p>
<h3>├ťberschrift h3</h3>
<p>Beispieltext f├╝r einen Absatz</p>

 

Ihr habt noch Fragen oder Anregungen, dann schreibt uns einfach eine E-Mail ├╝ber unser Kontaktformular oder kommentiert diesen Beitrag!

Alles klar soweit !?

 

vorheriger Artikel: n├Ąchster Artikel:
» «

Geschrieben am: 27. Mai 2013 um 12:38 // Thema: HTML //  Kommentar verfassen

Auf dieses Thema gibt es noch keine Reaktion

Hinterlasse eine Antwort

Deine E-Mail-Adresse wird nicht ver├Âffentlicht. Erforderliche Felder sind markiert *




Impressum // KlaroBox // die kostenlose Lernkiste