Befehle zur physischen Formatierung l Fett b b
Befehle zur physischen Formatierung l Fett: <b>. . . </b> l Kursiv: <i>. . . </i> l Unterstrichen: <u>. . . </u> l Schreibmaschineneffekt: <tt>. . . </tt> l Durchstreichen: <strike>. . . </strike> l Vergrößerter Text: <big>. . . </big> l Verkleinerter Text: <small>. . . </small> l Hochgestellter Text: <sup>. . . </sup> l Tiefergestellter Text: <sub>. . . </sub> 3. Texte formatieren 1
Befehle zur logischen Formatierung l Abkürzungen: <acronym>. . . </acronym> l Zitat: <cite>. . . </cite> l Quellcode: <code>. . . </code> l Begriffsdefinition: <dfn>. . . </dfn> l Betonung: <em>. . . </em> l Tastatureingabe: <kbd>. . . </kbd> l Beispiele: <samp>. . . </samp> l Starke Betonung: <strong>. . . </strong> l Variable: <var>. . . </var> 3. Texte formatieren 2
Weitere Formatierungsbefehle l Zitate als einen eingerückten Absatz darstellen: l Beispiel: <blockquote>Sein oder nicht sein, das ist hier die Frage</blockquote> l Information zum Autor darstellen: l Beispiel: <address>Johann Wolfgang Goethe</address> l Formatierter Text für Quelltexte l Beispiel: <pre>Dieser eingerückte Text wird auch genau so im Browser dargestellt. </pre> 3. Texte formatieren 3
Schriftgröße ändern l Befehl zum Ändern der Schrift: <font>. . . </font> l Attribut size: <font size="Wert"> l Beispiele: (Standardwert: 3): <font size=7>große Schrift</font> <font size=+2>größer als Standard</font> <font size=-2<kleiner als Standard</font> l Ergebnis: 3. Texte formatieren 4
Schriftart ändern l Befehl zum Ändern der Schrift: <font>. . . </font> l Attribut face: <font face="Schrift"> Beispiele: <font face="Arial, Helvetica"> Arial</font> <font face="Symbol">Symbol</font> <font face="Comic Sans MS">Comic Sans MS </font> Ergebnis: 3. Texte formatieren 5
Schriftfarbe ändern l Befehl zum Ändern der Schrift: <font color="Wert"> l Wert: Farbname oder Farbcode l Standard: abhängig von der eingestellten Seiteneigenschaft, meist schwarz l Beispiele: <font color="black">Schwarzer Text</font> <font color="yellow">Gelber Text</font> <font color="lime">Hellgrüner Text</font> <font color="blue">Blauer Text</font> l Ergebnis: 3. Texte formatieren 6
Formatierung in kombiniertem <font>-tag l Schriftgröße und Schriftart: <font size="+2" face="Arial, Helvetica">Text in Schriftart Arial und in Schriftgröße 5</font> l Schriftgröße und Schriftfarbe: . . . l Schriftart und Schriftfarbe: . . . l Schriftgröße, Schriftart und Schriftfarbe: . . . l Ergebnis: 3. Texte formatieren 7
Formatierung in einzelnen <font>-tags l Beispiel: l Attribut und Werte: Standard formatierter Text <font size="+2">Jetzt ist er in Schriftgröße 5 sichtbar <font face="Arial, Helvetica">und in der Schriftart Arial <font color="cyan">und in der Textfarbe hellblau. </font> Die Farbe ist wieder Standard. </font> Auch die Schriftart hat sich wieder geändert </font> Jetzt ist der Text wieder Standard formatiert. 3. Texte formatieren 8
Trennlinien l Befehl <hr> ("horizontal ruler") erzeugt Querlinie mit Schattenverlauf l Attribute Verändern der Trennlinie: l Breite der Trennlinie: width="Wert" l Höhe der Trennlinie: size="Wert" l Schatten ausschalten: noshade l Ausrichtung der Trennlinie: align="Art" l Farbe der Trennlinie: 3. Texte formatieren color="Wert" 9
Verschieden formatierte Trennlinien <html><head> <title>Trennlinien</title> </head> <body> <p>Blaue Trennlinie mit Schatten, auf 150 Pixel verkürzt und links ausgerichtet: </p> <hr width="150" align="left" color="blue"> <p>Trennlinie ohne Schatten, auf 50% verkürzt und rechts ausgerichtet: </p> <hr noshade width="50%" align="right"> <p>Verschiedene Größen der Trennlinie: </p> <hr width="90%"> <hr width="70%"> <hr width="50%"> <hr width="30%"> <hr width="10%"> </body></html> 3. Texte formatieren 10
Die wichtigsten Zeichensätze l westeuropäische und amerikanische Sprachen: Latin 1, ISO-8859 -1 l slawische Sprachen: Latin 2, ISO-8859 -2 l Türkisch: Latin 5, ISO-8859 -9 l Beispiel für ISO-8859 -1: <head> <title>Seitentitel</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859 -"> </head> 3. Texte formatieren 11
Zeichen unabhängig vom Zeichensatz darstellen l ä: ä, Ä: Ä l ö: ö, Ö: Ö l ü: ü, Ü: Ü l ß: ß l Eurozeichen: &euro l Pfundzeichen: £ l Copyright-Zeichen: © l Ein Viertel: &frac 14 l Ein Halb: &frac 12 3. Texte formatieren 12
Beispiel für Einfügen von Sonderzeichen Kyrillischer Zeichensatz mit deutschen Umlauten: 3. Texte formatieren 13
- Slides: 13