<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Denkvirtuose.de &#187; Gestaltung</title>
	<atom:link href="http://www.denkvirtuose.de/tag/gestaltung/feed" rel="self" type="application/rss+xml" />
	<link>http://www.denkvirtuose.de</link>
	<description>Bloggen im Web 2.0</description>
	<lastBuildDate>Fri, 19 Nov 2010 15:38:52 +0000</lastBuildDate>
		<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>HTML Texte gestalten</title>
		<link>http://www.denkvirtuose.de/html/html-texte-gestalten.html</link>
		<comments>http://www.denkvirtuose.de/html/html-texte-gestalten.html#comments</comments>
		<pubDate>Thu, 05 Nov 2009 23:54:10 +0000</pubDate>
		<dc:creator>Christopher</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[Gestaltung]]></category>
		<category><![CDATA[logisch]]></category>
		<category><![CDATA[physisch]]></category>
		<category><![CDATA[Text]]></category>
		<category><![CDATA[Textauszeichnung]]></category>
		<category><![CDATA[Textstrukturierung]]></category>

		<guid isPermaLink="false">http://www.denkvirtuose.de/?p=50</guid>
		<description><![CDATA[HTML  bietet die Möglichkeit, durch sogenannte Inline-Elemente, den <strong>Text </strong>innerhalb des Dokumentes weiter <strong>auszuzeichnen</strong>. Diese Elemente stehen in der Zeile und geben Textfragmenten <strong>Strukturinformationen</strong>.]]></description>
			<content:encoded><![CDATA[
<!-- google_ad_section_start -->
<p>HTML  bietet die Möglichkeit, durch sogenannte Inline-Elemente, den <strong>Text </strong>innerhalb des Dokumentes weiter <strong>auszuzeichnen</strong>. Diese Elemente stehen in der Zeile und geben Textfragmenten <strong>Strukturinformationen</strong>. Daher erzeugen Sie auch keinen Zeilenumbruch. Des Weiteren können Inline-Elemente beliebig ineinander geschachtelt werden.</p>

<p>Inline-Elemente kann man grundsätzlich in zwei Elementtypen unterteilen. Dabei handelt es sich einmal um<strong> logische Elemente </strong>und zum anderen um <strong>physische Elemente</strong> zur Textauszeichnung.</p>

<h2>Logische Textauszeichnung</h2>
<p><strong>Elemente für logische Auszeichnung</strong> ordnen den Inhalt in bestimmte Kategorien zu und weisen dem <strong>Text</strong> eine bestimmte <strong>Bedeutung</strong> oder Absicht zu. Der Text erscheint je nach Bedeutung anders. Bei logischen Elementen entscheidet der Web-Browser, wie ein solcher Text dargestellt wird, wobei dies immer im Zusammenhang mit der Funktion des Elementes steht und durch CSS bestimmt werden kann. </p>

<p><strong>Attribute</strong>: Die meisten Elemente für<strong> logische Textauszeichnug</strong> haben keine eigenen Attribute, aber Sie können alle Universalattribute anwenden.</p>

<p><strong>Hinweis</strong>: Sie können Elemente für logische Textauszeichnung sehr gut mit Stylesheets verwenden und diese entsprechend Ihrer Wünsche formatieren.</p>

<div class="tabelle">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <thead>
  <tr>
    <th width="80">Element</th>
    <th>Auszeichnung des Textes</th>
  </tr>
  </thead>
  <tbody>
  <tr>
    <td><code>em</code></td>
    <td><em>mit der Bedeutung  &quot;betont&quot;  </em></td>
  </tr>
  <tr>
    <td><code>strong</code><br /></td>
    <td><strong>mit der Bedeutung &quot;stark betont&quot;</strong></td>
  </tr>
  <tr>
    <td><code>code</code></td>
    <td><code>mit der Bedeutung &quot;dies ist Quelltext&quot;</code></td>
  </tr>
  <tr>
    <td><code>samp</code></td>
    <td><samp>mit der Bedeutung &quot;Dies ist ein Beispiel&quot;</samp></td>
  </tr>
  <tr>
    <td><code>kbd</code></td>
    <td><kbd>mit der Bedeutung &quot;hier ist  eine Benutzereingabe&quot;</kbd></td>
  </tr>
  <tr>
    <td><code>var</code></td>
    <td><var>mit der Bedeutung &quot;dies ist eine Variable oder ein variabler Name&quot;</var></td>
  </tr>
  <tr>
    <td><code>q</code></td>
    <td><q>mit der Bedeutung &quot;dies ist ein Zitat&quot;</q></td>
  </tr>
  <tr>
    <td><code>cite</code></td>
    <td><cite>mit der Bedeutung &quot;dies ist die Quelle oder der Autor&quot;</cite></td>
  </tr>
  <tr>
    <td><code>dfn</code></td>
    <td><dfn>mit der Bedeutung &quot;dies ist eine Definition&quot;</dfn></td>
  </tr>
  <tr>
    <td><code>abbr</code></td>
    <td><abbr>mit der Bedeutung &quot;dies ist eine Abk&uuml;rzung&quot;</abbr></td>
  </tr>
  <tr>
    <td><code>acronym</code></td>
    <td><acronym>mit der Bedeutung &quot;dies ist ein Akronym (Kurzwort)&quot;</acronym></td>
  </tr>
  <tr>
    <td><code>ins</code></td>
    <td><ins>mit der Bedeutung &quot;dieser Text ist  neu dazugekommen&quot;</ins></td>
  </tr>
  <tr>
    <td><code>del</code></td>
    <td><del>mit der Bedeutung &quot;dieser text ist nicht mehr gültig&quot;</del></td>
  </tr>
  </tbody>
</table>
<br /><br />
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <thead>
  <tr>
    <th width="80">Element</th>
    <th width="80">Attribut</th>
    <th>Beschreibung</th>
  </tr>
  </thead>
  <tbody>
  <tr>
    <td valign="top"><code>bdo</code></td>
    <td><code>dir=&quot;rtl&quot;<br />
      dir=&quot;ltr&quot; </code></td>
    <td><bdo dir="rtl">Text läuft von rechts nach links</bdo>
      <br />
      <bdo dir="ltr">Text läuft von links nach rechts</bdo></td>
  </tr>
  </tbody>
</table>
</div>


<h2>Physische Textauszeichnung</h2>
<p><strong>Elemente für physische Auszeichnung</strong> ändern lediglich die <strong>Formatierung </strong>des Inhalts unabhängig von dessen Bedeutung, z.B. b für &#8220;boldface&#8221; (Fettschrift). Mit diesen Elementen können Sie Ihren Text neben fett und kursiv auch größer, kleiner, hochgestellt oder tiefgestellt formatieren.</p>
<p><strong>Attribute</strong>: Die meisten Elemente für physische Textauszeichnug haben keine eigenen Attribute, aber Sie können alle Universalattribute anwenden.</p>

<div class="tabelle">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <thead>
  <tr>
    <th width="80">Element</th>
    <th>Auszeichnung des Textes</th>
  </tr>
  </thead>
  <tbody>
  <tr>
    <td><code>b</code><br /></td>
    <td> <strong>zeichnet einen Text als fett aus</strong></td>
  </tr>
  <tr>
    <td><code>i</code></td>
    <td><em>zeichnet einen Text als kursiv aus</em></td>
  </tr>
  <tr>
    <td><code>tt</code></td>
    <td><tt>zeichnet einen Text als dicktengleich formatiert aus</tt></td>
  </tr>
  <tr>
    <td>u</td>
    <td><u>zeichnet einen Text als unterstrichen aus</u></td>
  </tr>
  <tr>
    <td><code>strike</code></td>
    <td><strike>zeichnet einen Text als durchgestrichen aus</strike></td>
  </tr>
  <tr>
    <td><code>s</code></td>
    <td><s>zeichnet einen Text als durchgestrichen aus</s></td>
  </tr>
  <tr>
    <td><code>big</code></td>
    <td><big>zeichnet einen Text größer als normal aus</big></td>
  </tr>
  <tr>
    <td><code>small</code></td>
    <td><small>zeichnet einen Text kleiner als normal aus</small></td>
  </tr>
  <tr>
    <td><code>sup</code></td>
    <td><sup>zeichnet einen Text als hochgestellt aus</sup></td>
  </tr>
  <tr>
    <td><code>sub</code></td>
    <td><sub>zeichnet einen Text als tiefgestellt aus</sub></td>
  </tr>
  </tbody>
</table>
</div>
<!-- google_ad_section_end -->
]]></content:encoded>
			<wfw:commentRss>http://www.denkvirtuose.de/html/html-texte-gestalten.html/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>

