<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
   <title>Textauszeichnung - HTML - Workshop Internet-Pr&auml;senz</title>

   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

   <meta name="description"
      content="&Uuml;bung Textauszeichnungen.">
   <meta name="keywords" content="HTML, Textauszeichnung, CSS">
   <meta name="author" content="Roland Unger">
</head>

<body>

<h2>Textauszeichnung</h2>

<h3>Folgende physische HTML-Tags stehen zur Verf&uuml;gung:</h3>

<p>
<tt>&lt;b&gt;</tt>....<tt>&lt;/b&gt;</tt> <b>bewirkt fett formatierten Text.</b><br>
<tt>&lt;i&gt;</tt>....<tt>&lt;/i&gt;</tt> <i>bewirkt kursiv formatierten Text.</i><br>
<tt>&lt;tt&gt;</tt>....<tt>&lt;/tt&gt;</tt> <tt>bewirkt dicktengleich formatierten Text (<i>Teletyper = Fernschreiber</i>).</tt><br>
<tt>&lt;u&gt;</tt>....<tt>&lt;/u&gt;</tt> <u>bewirkt unterstrichenen Text.</u><br>
<tt>&lt;strike&gt;</tt>....<tt>&lt;/strike&gt;</tt> <strike>bewirkt durchgestrichenen Text.</strike><br>
<tt>&lt;s&gt;</tt>....<tt>&lt;/s&gt;</tt> <s>bewirkt ebenfalls durchgestrichenen Text.</s><br>
<tt>&lt;big&gt;</tt>....<tt>&lt;/big&gt;</tt> <big>bewirkt gr&ouml;&szlig;er formatierten Text.</big><br>
<tt>&lt;small&gt;</tt>....<tt>&lt;/small&gt;</tt> <small>bewirkt kleiner formatierten Text.</small><br>
<tt>&lt;sup&gt;</tt>....<tt>&lt;/sup&gt;</tt> bewirkt <sup>hochgestellten</sup> Text.<br>
<tt>&lt;sub&gt;</tt>....<tt>&lt;/sub&gt;</tt> bewirkt <sub>tiefgestellten</sub> Text.<br>
</p>

<p>Die Tags &lt;u&gt;....&lt;/u&gt;, &lt;strike&gt;....&lt;/strike&gt; und
&lt;s&gt;....&lt;/s&gt; stehen auf der Abschu&szlig;liste des W3-Konsortiums. Hier
hilft die Verwendung von Cascading Style Sheets.</p>

<h3>Folgende logische HTML-Tags stehen zur Verf&uuml;gung:</h3>

<p>
<tt>&lt;em&gt;</tt>....<tt>&lt;/em&gt;</tt> <em>formatiert einen Text mit der Bedeutung &quot;betont (emphatisch)&quot;.</em><br>
<tt>&lt;strong&gt;</tt>....<tt>&lt;/strong&gt;</tt> <strong>formatiert einen Text mit der Bedeutung &quot;stark betont&quot;.</strong><br>
<tt>&lt;code&gt;</tt>....<tt>&lt;/code&gt;</tt> <code>formatiert einen Text mit der Bedeutung &quot;dies ist Quellcode&quot;.</code><br>
<tt>&lt;samp&gt;</tt>....<tt>&lt;/samp&gt;</tt> <samp>formatiert einen Text mit der Bedeutung &quot;dies ist ein Beispiel&quot;.</samp><br>
<tt>&lt;kbd&gt;</tt>....<tt>&lt;/kbd&gt;</tt> <kbd>formatiert einen Text mit der Bedeutung &quot;dies ist eine Tastatureingabe&quot;.</kbd><br>
<tt>&lt;var&gt;</tt>....<tt>&lt;/var&gt;</tt> <var>formatiert einen Text mit der Bedeutung &quot;dies ist eine Variable&quot;.</var><br>
<tt>&lt;cite&gt;</tt>....<tt>&lt;/cite&gt;</tt> <cite>formatiert einen Text mit der Bedeutung &quot;dies ist ein Zitat aus einer anderen Quelle&quot;.</cite><br>
</p>

<h3>Vorgriff auf Cascading Style Sheets</h3>

Das ist &lt;span&gt;<span style="color: #00FF00; font-family: Arial,Helvetica,sans-serif;
font-size: 18pt; font-weight: bold">ein gr&uuml;ner fetter</span>&lt;/span&gt; Text.

</body>
</html>