SteviesWebsite
SteviesWebsite > Workshops > HTML-Workshop > Der Text

Der Text

Schreiben ist das Einfachste, du musst einfach nur darauf los schreiben und du schreibst so groß wie ich gerade. Aber es gibt auch noch andere Sachen die du zum Schreiben wissen musst: Bei den Schriftgrößen musst du zwischen Überschriften und normalen Texten unterscheiden. seht euch mal folgendes an:

<h1>Erste Überschrift</h1>
<h2>Zweite Überschrift</h2>
<h3>Dritte Überschrift</h3>
<h4>Vierte Überschrift</h4>
<h5>Fünfte Überschrift</h5>
<h6>Sechste Überschrift</h6>


Wenn das dann fertig ist sieht das so aus:

Erste Überschrift

Zweite Überschrift

Dritte Überschrift

Vierte Überschrift

Fünfte Überschrift
Sechste Überschrift

Und jetzt zum normalen Text. Dessen Größe kannst du verschieden einteilen. Hier die erste Möglichkeit:

<font size=-3>Schriftgröße -3</font>
<font size=-2> Schriftgröße -2</font>
<font size=-1> Schriftgröße -1</font>
<font size=0> Schriftgröße 0</font>
<font size=1> Schriftgröße 1</font>
<font size=2> Schriftgröße 2</font>
<font size=3> Schriftgröße 3</font>
<font size=4> Schriftgröße 4</font>
<font size=5> Schriftgröße 5</font>
<font size=6> Schriftgröße 6</font>
<font size=7> Schriftgröße 7</font>

Wenn du alles richtig gemacht hast, sieht dein Ergebnis ungefähr so aus:


Schriftgröße -3
Schriftgröße -2
Schriftgröße -1
Schriftgröße 0
Schriftgröße 1
Schriftgröße 2
Schriftgröße 3
Schriftgröße 4
Schriftgröße 5
Schriftgröße 6
Schriftgröße 7

Die zweite Möglichkeit die Schrift zu verändern stelle ich euch jetzt einmal vor:

<big>Große Schrift</big>
<small>Kleine Schrift</small>

Daraus müsste jetzt das kommen:

Große Schrift
Kleine Schrift

Manche Buchstaben kann man nicht richtig schreiben, sie sehen nachher komisch aus wenn man sie normal eintippt. Dafür gibt so genannte ASCII Zeichen. Hier sind die Wichtigsten:

&lt; daraus wird <
&gt; daraus wird >
&nsp; daraus wird eine Leertaste
&copy; daraus wird ©
&ouml; daraus wird ö
&uuml; daraus wird ü
&auml; daraus wird ä
&szlig; daraus wird ß
&para; daraus wird ¶
&frac14; daraus wird ¼

Es gibt auch noch ein paar Formatierungen zum Text ich liste sie dir einmal auf:

<b>Dieser Text ist fett</b>
<i>Dieser Text ist kursiv</i>
<s>Dieser Text ist durchgestrichen</s>
<u>Dieser Text ist unterstrichen</u>
<em>Dieser Text ist betont</em>
<strong>Dieser Text ist besonders betont</strong>
<cite>Dieser Text ist ein Zitat</cite>
<code>Dieser Text ist als Quelltext ausgegeben</code>

Das sieht dann ungefähr so aus:

Dieser Text ist fett
Dieser Text ist kursiv
Dieser Text ist durchgestrichen
Dieser Text ist unterstrichen
Dieser Text ist betont
Dieser Text ist besonders betont
Dieser Text ist ein Zitat
Dieser Text ist als Quelltext ausgegeben

Du kannst deinen Text auf zwei Arten färben:

1.Hex

Hex können aus Zahlen und Buchstaben bestehen. Sie beginnen mit einem Doppelkreuz und bestehen aus 6 Zahlen bzw. Buchstaben. Das sieht dann z.B. folgend aus: #FFFF00

2.Englische Farben

Englische Farben können blau, schwarz, usw sein. Es gibt aber nicht so viel Auswahl wie bei dem Hex. Hier einmal ein Beispiel: black

Jetzt zum färben:

Aus:

<font color="#FFFF00">Der Text ist gelb</font>
<font color="yellow">Der Text ist auch gelb</font>

wird:

Der Text ist gelb
Der Text ist auch gelb

Schriftarten

Um eine andere Schriftart zu benutzen musst du folgendes machen:

<font face="arial">In Arial geschrieben</font>
<font face="Verdana">In Verdana geschrieben</font>
<font face="Courier New">In Courier New geschrieben
</font>

Daraus wird:

In Arial geschrieben
In Verdana geschrieben
In Courier New geschrieben

Um die Schriftarten die dein PC hat zu sehen musst du bei Windows unter C:\WINDOWS\Fonts gehen.

Kommentare

Es wurden noch keine Kommentare abgegeben!

Kommentar abgeben

Um ein Kommentar zu schreiben musst du eingeloggt sein.

LiveEditor - Kostenloser WebEditorDer kostenlose WebEditor hilft dir dabei, deine Website besser zu entwickeln. Mit dem Syntax-Highlighting fällt geht alles viel schneller. Download jetzt! [mehr...]

Facebook LogoErstelle deinen eigenen virtuellen PC. Das ist bereits mit leichten Mitteln möglich, welche Du in diesem Tutorial lernst.[mehr...]

© SteviesWebsite.de - Impressum