7.1Schuljahr 2001/2002
Schule online
Informatik 5A JahresplanInformatik 4B/4C Jahrespl.Informatik Lernen 5AInformat. Lernen 4B/4CDeutsch 5ADeutsch 1AMathematik 4BRMathematik 1AInhaltsverzeichnis
Home
| LE 7 | HTML - Textgestaltung |
|
 |
|
|
| Schritt 1 | Zeilenumbruch Das Tag <br> erzwingt einen Zeilenumbruch (br = break = Umbruch) und benötigt kein End-Tag. Öffne eine HTML- Datei im Editor und füge an einer beliebigen Stelle das Tag <br> ein. |
|
| Schritt 2 | Überschriften Füge im Body die folgenden Zeilen ein : <h1>dies wird eine Überschrift in h1</h1> <h2>dies wird eine Überschrift in h2</h2> <h3>dies wird eine Überschrift in h3</h3> <h4>dies wird eine Überschrift in h4</h4> Speichern und im Browser anschaun. |
|
Informatik 5ALE 7[ 7.1 | 7.2 | 7.3 | 7.4 | 7.5 ]
7.2Schuljahr 2001/2002
Schule onlineInformatik 5A JahresplanInformatik 4B/4C Jahrespl.Informatik Lernen 5AInformat. Lernen 4B/4CDeutsch 5ADeutsch 1AMathematik 4BRMathematik 1AInhaltsverzeichnis
Home
|
|
|
| Schritt 3 | Textausrichtung <div align=right>Text ist rechtsbündig</div> <div align=left>Text ist linksbündig</div> <div align=center>Text ist zentriert</div> <div align=justify>Text wird im Blocksatz gezeigt</div> div = division = Bereich; alles, was zwischen diesem Tag und dem abschließenden </div> steht, wird rechtsbündig, linksbündig, zentriert oder im Blocksatz angezeigt. Füge im Body vor der Überschrift h1 <div align=right> ein, nach dem Tag </h1> füge </div> ein. Achtung : Blocksatz ist nur bei längeren, über mehr als eine Zeile reichenden Texten sichtbar.Teste die verschiedenen Textausrichtungen. |
|
Informatik 5ALE 7[ 7.1 | 7.2 | 7.3 | 7.4 | 7.5 ]7.3Schuljahr 2001/2002
Schule onlineInformatik 5A JahresplanInformatik 4B/4C Jahrespl.Informatik Lernen 5AInformat. Lernen 4B/4CDeutsch 5ADeutsch 1AMathematik 4BRMathematik 1AInhaltsverzeichnis
Home
|
|
|
| Schritt 4 | Textabsätze <br> Zeilenumbruch; <p>text</p> Absatz (p = paragraph)Füge im Body die folgenden Zeilen ein : <p>Hier beginnt ein Absatz, und hier ist er zu Ende.</p> <p>Hier beginnt ein neuer Absatz, und hier ist er zu Ende.</p> |
|
| Schritt 5 | Ausrichtung der Textabsätze <p>Dies ist ein Absatz.</p> <p align=right>Dies ist ein Absatz, der rechts ausgerichtet wird.</p> Teste verschiedene Ausrichtungen. |
|
| Schritt 6 | Schriftarten = font face <font face="Arial, Helvetica">Das ist ein Text in der Schriftart Arial.</font> Teste verschiedene Schriftarten. |
|
Informatik 5ALE 7[ 7.1 | 7.2 | 7.3 | 7.4 | 7.5 ]7.4Schuljahr 2001/2002
Schule onlineInformatik 5A JahresplanInformatik 4B/4C Jahrespl.Informatik Lernen 5AInformat. Lernen 4B/4CDeutsch 5ADeutsch 1AMathematik 4BRMathematik 1AInhaltsverzeichnis
Home
|
|
|
| Schritt 7 | Schriftgröße = font size Die Normalschriftgröße ist 3. Mit "+(Zahl)" wird die Schrift größer, mit "-(Zahl)" wird die Schrift kleiner. Du kannst die Größen auch mit Zahlen von 1 bis 7 angeben, z.B. so : <font size=7>Ziemlich riesiger Text</font> oder <font size=+4>Ziemlich riesiger Text</font>. Teste verschiedene Schriftgrößen. |
|
| Schritt 8 | Kombination der Schriftattribute font face = Schriftart, font size = Schriftgröße, font color = Schriftfarbe Kombiniere nun die Schriftattribute, die Reihenfolge kann beliebig gewählt werden. Nach jedem Schriftattribut folgt ein Leerzeichen ! Beispiele : <font color=#FF00CC size=7 face="Arial, Helvetica">Ziemlich riesiger Text</font> <b>fetter Text</b> bewirkt fett formatierten Text (b = bold), <i>kursiver Text</i> bewirkt kursiv formatierten Test (i = italic). Teste kombinierte Schriftattribute und Textausrichtungen ! |
|
Informatik 5ALE 7[ 7.1 | 7.2 | 7.3 | 7.4 | 7.5 ]7.5Schuljahr 2001/2002
Schule onlineInformatik 5A JahresplanInformatik 4B/4C Jahrespl.Informatik Lernen 5AInformat. Lernen 4B/4CDeutsch 5ADeutsch 1AMathematik 4BRMathematik 1AInhaltsverzeichnis
Home
|
|
|
| Schritt 9 | Die folgenden Gedicht stammen von Christian Morgenstern. Gestalte je eine HTML-Datei etwa mit diesem Layout : b71.gif (11 kB) und b72.gif (14 kB).
|
|
| Der Trichter Zwei Trichter wandeln durch die Nacht. Durch ihres Rumpfs verengten Schacht fließt weißes Mondlicht still und heiter auf ihren Waldweg u. s. w. |
||
| Die drei Spatzen In einem leeren Haselstrauch, da sitzen drei Spatzen Bauch an Bauch. Der Erich links und rechts der Franz und mitten drinn der freche Hans. Sie haben die Augen zu, ganz zu, und oben drüber, da schneit es - hu ! Sie rücken zusammen dicht, ganz dicht. So warm wie der Hans hat's niemand nicht. Sie hörn alle drei ihrer Herzlein Gepoch. Und wenn sie nicht weg sind, so sitzen sie noch. |
||
Informatik 5ALE 7[ 7.1 | 7.2 | 7.3 | 7.4 | 7.5 ]