HTML Formatierung


Wenn Sie ein Textverarbeitungs verwenden, müssen Sie Vertraut mit der fähigkeit Text fett, kursiv oder unterstrichen zu machen sein; da sind nur drei der zehn Optionen zur Verfügung, um anzuzeigen wie Text kann erscheinen in HTML und XHTML.

Bold Text

Alles, was innerhalb von erscheint <b>...</b> -Element, wird fett angezeigt, wie unten dargestellt:

Beispiel

<!DOCTYPE html>
<html>
<head>
<title>Bold Text Example</title>
</head>
<body>
<p>The following word uses a <b>bold</b> typeface.</p>
</body>
</html>

Dies wird folgendes Ergebnis produzieren:

The following word uses a bold typeface.

kursiver Text

Alles, was innerhalb erscheint <i>...</i> -Element wird in Kursiv angezeigt, wie unten dargestellt:

Beispiel

<!DOCTYPE html>
<html>
<head>
<title>Italic Text Example</title>
</head>
<body>
<p>The following word uses a <i>italicized</i> typeface.</p>
</body>
</html>

Dies wird folgendes Ergebnis produzieren:

The following word uses a italicized typeface.

unterstrichener Text

Alles, was innerhalb erscheint <u>...</u> -Element, mit Unterstreichung angezeigt, wie unten dargestellt:

Beispiel

<!DOCTYPE html>
<html>
<head>
<title>Underlined Text Example</title>
</head>
<body>
<p>The following word uses a <u>underlined</u> typeface.</p>
</body>
</html>

Dies wird folgendes Ergebnis produzieren:

The following word uses a underlined typeface.

Streik Text

Alles, was innerhalb erscheint <strike>...</strike> Element mit gestrichen, die eine dünne Linie durch den Text ist, wie unten dargestellt angezeigt:

Beispiel

<!DOCTYPE html>
<html>
<head>
<title>Strike Text Example</title>
</head>
<body>
<p>The following word uses a <strike>strikethrough</strike> typeface.</p>
</body>
</html>

Dies wird folgendes Ergebnis produzieren:

The following word uses a strikethrough typeface.

Monospaced Font

Der Inhalt einer <tt>...</tt> -Element wird in proportionale Schrift geschrieben. Die meisten Schriftarten werden als variabler Breite Schriften bekannt, weil verschiedene Briefe von verschiedenen Breiten (zum Beispiel, ist der Buchstabe "m" breiter als der Buchstabe 'i')​​. In einer nichtproportionalen Schriftart, hat aber jeder Buchstabe die gleiche Breite.

Beispiel

<!DOCTYPE html>
<html>
<head>
<title>Monospaced Font Example</title>
</head>
<body>
<p>The following word uses a <tt>monospaced</tt> typeface.</p>
</body>
</html>

Dies wird folgendes Ergebnis produzieren:

The following word uses a monospaced typeface.

Hochgestellte Text

Der Inhalt a <sup>...</sup> Element ist hochgestellt geschrieben; die Schriftgröße verwendet wird, die gleiche Größe wie die Charaktere umgebenden es sondern ist angezeigt Hälfte eines Charakters Höhe über den anderen Zeichen

Beispiel

<!DOCTYPE html>
<html>
<head>
<title>Superscript Text Example</title>
</head>
<body>
<p>The following word uses a <sup>superscript</sup> typeface.</p>
</body>
</html>

Dies wird folgendes Ergebnis produzieren:

The following word uses a superscript typeface.

tiefgestellte Text

Der Inhalt a <sub>...</sub> Element wird in tiefgestellte geschrieben; die Schriftgröße verwendet die gleiche wie die Charaktere umgeben es, ist aber angezeigt Hälfte Höhe eines Charakters unter den anderen Zeichen .

Beispiel

<!DOCTYPE html>
<html>
<head>
<title>Subscript Text Example</title>
</head>
<body>
<p>The following word uses a <sub>subscript</sub> typeface.</p>
</body>
</html>

Dies wird folgendes Ergebnis produzieren:

The following word uses a subscript typeface.

eingefügten Text

Etwas dass erscheint innerhalb von <ins>...</ins> Element als eingefügten Text angezeigt

Beispiel

<!DOCTYPE html>
<html>
<head>
<title>Inserted Text Example</title>
</head>
<body>
<p>I want to drink <del>cola</del> <ins>wine</ins></p>
</body>
</html>

Dies wird folgendes Ergebnis produzieren:

I want to drink cola wine

Gelöschte Text

Etwas dass erscheint innerhalb von <del>...</del> Element, wird als gelöschten Text angezeigt

Beispiel

<!DOCTYPE html>
<html>
<head>
<title>Deleted Text Example</title>
</head>
<body>
<p>I want to drink <del>cola</del> <ins>wine</ins></p>
</body>
</html>

Dies wird folgendes Ergebnis produzieren:

I want to drink cola wine

Größere Text

Der Inhalt des <big>...</big> -Element wird angezeigt, eine Schriftgröße größer als der Rest des Textes umgebenden wie unten dargestellt:

Beispiel

<!DOCTYPE html>
<html>
<head>
<title>Larger Text Example</title>
</head>
<body>
<p>The following word uses a <big>big</big> typeface.</p>
</body>
</html>

Dies wird folgendes Ergebnis produzieren:

The following word uses a big typeface.

Kleinere Text

Der Inhalt des < kleine>...</ kleine> -Element wird angezeigt, eine Schriftgröße kleiner ist als der Rest des Textes umgebenden wie unten dargestellt:

Beispiel

<!DOCTYPE html>
<html>
<head>
<title>Smaller Text Example</title>
</head>
<body>
<p>The following word uses a <small>small</small> typeface.</p>
</body>
</html>

Dies wird folgendes Ergebnis produzieren:

The following word uses a small typeface.

Gruppierung Inhalt

Die <div> und <Spannweite> Elemente können Sie gruppieren mehrere Elemente auf Abschnitte oder Unterabschnitte von einer Seite zu erstellen

Zum Beispiel möchten Sie vielleicht, um alle Fußnoten auf einer Seite innerhalb setzen a <div>Element zu zeigen daß alle Elemente innerhalb dieser element;<div>Element betrifft sich auf die Fußnoten. Sie könnten dann bringen Sie einen Stil zu dies<div> Element, so dass sie erscheinen mit einem speziellen Satz von Stilregeln.

Beispiel

<!DOCTYPE html>
<html>
<head>
<title>Div Tag Example</title>
</head>
<body>
<div id="menu" align="middle" >
<a href="/index.htm">HOME</a> | 
<a href="/about/contact_us.htm">CONTACT</a> | 
<a href="/about/index.htm">ABOUT</a>
</div>
<div id="content" align="left" bgcolor="white">
<h5>Inhalt Artikel</h5>
<p>eigentlichen Inhalt geht hier ....</p>
</div>
</body>
</html>

Dies wird folgendes Ergebnis produzieren:

Inhalt Artikel

eigentlichen Inhalt geht hier ....

Die <Spannweite>Element auf der anderen Seite kann nur Gruppe Inline-Elemente verwendet werden. Also, wenn Sie einen Teil eines Satzes oder Absatzes, die Sie gruppieren möchten haben, können Sie Verwendung die <Spannweite> Element wie folgt

Beispiel

<!DOCTYPE html>
<html>
<head>
<title>Span Tag Example</title>
</head>
<body>
<p>This is the example of <span style="color:green">span tag</span> and the <span style="color:red">div tag</span> alongwith CSS</p>
</body>
</html>

Dies wird folgendes Ergebnis produzieren:

This is the example of span tag and the div tag alongwith CSS

Diese Tags sind häufig mit CSS verwendet, damit Sie einen Stil auf einen Abschnitt einer Seite anzubringen.

Advertisements