Texte ändern und formatieren mit HTML? Ganz einfach!


Bei Problemen 07132 37586 oder Skype. Dort bin ich unter "hmaruite" zu erreichen.
Das sind HTML Tags: <b> </b>     <i> </i>    <h1> </h1>    <p> </p>
Auf jedes öffnende Tag <b> muss am Ende der Formatierung ein schließendes Tag </b> Folgen!

Also los gehts...

<h1>Ich bin eine Überschrift der Größe 1</h1>

Sie wundern sich dass diese Überschrift 1 so klein ist? Das ist im CSS so festgelegt.

<h2>Ich bin eine Überschrift der Größe 2</h2>

<h5>Ich bin eine Überschrift der Größe 5</h5>
So wird einText Fett formatiert: <b>Hallo, ich bin ziemlich fett, oder?</b>

Und so Italic: <i>Hallo, ich bin ziemlich schräg, oder?</i>

<center>Dieser Text wird zentriert dargestellt.</center>

Das ist ein Absatz:
<p>

Stellen Sie sich vor, dieser Text soll Aufnahme in eine Broschüre über »Traditionelle chinesische Malerei« finden und Sie müssen den Text morgen beim Setzer abliefern. In der Broschüre soll die Überschrift durch eine fette, größere Schrift hervorgehoben und vom nachfolgenden Text etwas abgesetzt werden. Zudem soll die Textpassage »drei Freunde im Winter« kursiv abgedruckt werden. Wie teilen Sie dies dem Setzer mit?

</p>

Die wichtigsten Formatierungen sind Überschriften, Fett, Italic und Absätze.

So fügt man einen Zeilenvorschub ein:<br />
Jetzt kommen 2 Zeilenvorschübe.<br /><br />

Ist doch einfach, oder?

Wollen Sie noch ein Bild einfügen??

Mit <img src="img/bildname.jpg" alt="Bild Beschreibung" align="left" style="margin-right: 10px"> fügen Sie ein Bild liks oben ein.
img/bildname.jpg ist die Datei und der Bildname wo das Bild liegt.
alt="Bild Beschreibung" Wird angezeigt wenn der Browser keine Bilder darstellt und wenn die Maus längere Zeit über dem Bild verweilt. Hier (zwischen den Hochkommas) kann man auch zusätzliche Infos für Suchmaschinen unterbringen.
align="left" bedeutet, das Bild ist links ausgerichtet.
margin-right: 10px bedeutet rechts neben dem Bild soll ein Rand von 10 Pixeln sein.

Mit <img src="img/bildname.jpg" alt="Bild Beschreibung" align="right" style="margin-left: 10px"> fügen Sie ein Bild rechts oben ein.

Also Gut, jetzt noch ein Link.
<a href="http://www.hm2001.de">Bezeichnung</a> Ist ein Link zu meiner Website. Und so siehts aus.
Bezeichnung
Die Farbe, Unterstreichung u.s.w. wird im CSS fesgelegt.

<a href="http://www.hm2001.de">Bezeichnung target="_blank"</a> Ist auch ein Link zu meiner Website.
Durch target="_blank" wird ein neues Browswerfenstergeöffnet. So sollte man immer bei Links zu fremden Webseiten verfahren.