HTML Phrase Tags



Die Phrase Tags sind für bestimmte Zwecke entworfen worden, obwohl sie sind angezeigt in einer ähnlichen Weise wie andere grund Tags werden wie<b>, <i>, <pre>, and <tt>, Sie gesehen haben im vorherigen Kapitel. Dieses Kapitel wird nehmen führt Sie durch alle wichtigen phrase Tags , so lassen beginnen sehen sie eins nach.

betonenText

irgendetwas, was innerhalb erscheint <em>...</em> Element ist als Text angezeigt betont

Beispiel

<!DOCTYPE html>
<html>
<head>
<title>Emphasized Text Example</title>
</head>
<body>
<p>The following word uses a <em>emphasized</em> typeface.</p>
</body>
</html>

Dies wird produzieren folgendes Ergebnis:

The following word uses a emphasized typeface.

Markierte Text

irgendetwas, was mit-in erscheint <mark>...</mark> Element wird angezeigt, wie mit gelber Tinte markiert.

Beispiel

<!DOCTYPE html>
<html>
<head>
<title>Marked Text Example</title>
</head>
<body>
<p>The following word has been <mark>marked</mark> with yellow</p>
</body>
</html>

Dies wird produzieren folgendes Ergebnis:

The following word has been marked with yellow.

Starke Text

irgendetwas, was mit-in erscheint <Starke >...</Starke > Element ist als wichtigen Text angezeigt

Beispiel

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

Dies wird produzieren folgendes Ergebnis:

The following word uses a strong typeface.

Text Abkürzung

Sie können abkürzen einen Text, indem Putten es innen Öffnung <abbr> und Schließen </abbr> tags. Falls vorhanden, muss der title-Attribut dieses vollständige Beschreibung und nichts anderes enthalten.

Beispiel

<!DOCTYPE html>
<html>
<head>
<title>Text Abbreviation</title>
</head>
<body>
<p>My best friend's name is  <abbr title="Abhishek">Abhy</abbr>.</p>
</body>
</html>

Dies wird produzieren folgendes Ergebnis:

My best friend's name is Abhy.

Akronym Element

Das <Akronym> -Element ermöglicht Sie zeigen, dass der Text zwischen<Akronym> and </Akronym> Tags ist ein acronym.

Derzeit sind die gängigen Browser tun nicht ändern das Aussehen des Inhalts der <Akronym> element.

Beispiel

<!DOCTYPE html>
<html>
<head>
<title>Acronym Example</title>
</head>
<body>
<p>This chapter covers marking up text in <acronym>XHTML</acronym>.</p>
</body>
</html>

Dies wird produzieren folgendes Ergebnis:

This chapter covers marking up text in XHTML.

Textrichtung

Das <bdo>...</bdo> -Element steht für bidirektionale override und es wird verwendet, um die aktuelle Textrichtung override

Beispiel

<!DOCTYPE html>
<html>
<head>
<title>Text Direction Example</title>
</head>
<body>
<p>This text will go left to right.</p>
<p><bdo dir="rtl">This text will go right to left.</bdo></p>
</body>
</html>

Dies wird produzieren folgendes Ergebnis:

This text will go left to right.

This text will go right to left.

Besondere Nutzungsbedingungen

Das <dfn>...</dfn> -Element (oder HTML-Element Definition) ermöglicht Sie angeben, dass Sie die Einführung einer speziellen Begriff sind. Sein Einsatz ist ähnlich kursiv Worte in der Mitte eines Absatzes.

In der Regel Sie die verwenden würden <dfn> Element das erste Mal, wenn Sie einen Schlüsselbegriff einzuführen. Die meisten neueren Browsern machen den Inhalt der a <dfn> Element in kursiver Schrift.

Beispiel

<!DOCTYPE html>
<html>
<head>
<title>Special Terms Example</title>
</head>
<body>
<p>The following word is a <dfn>special</dfn> term.</p>
</body>
</html>

Dies wird produzieren folgendes Ergebnis:

The following word is a special term.

Zitiert Text

Wenn Sie eine Passage aus einer anderen Quelle zu zitieren wollen, sollten Sie es legte in zwischen<blockquote>...</blockquote> tags.

Text innen einem<blockquote> Element wird in der Regel beabsichtigt von die linken und rechten Rand des umgebenden Text , und verwendet manchmal eine kursive Schrift.

Beispiel

<!DOCTYPE html>
<html>
<head>
<title>Blockquote Example</title>
</head>
<body>
<p>The following description of XHTML is taken from the W3C Web site:</p>

<blockquote>XHTML 1.0 is the W3C's first Recommendation for XHTML, following on from earlier work on HTML 4.01, HTML 4.0, HTML 3.2 and HTML 2.0.</blockquote>
</body>
</html>

Dies wird produzieren folgendes Ergebnis:

The following description of XHTML is taken from the W3C Web site:

XHTML 1.0 ist der W3C ist Ersten empfehlung für XHTML , im Anschluss auf an frühere Arbeiten an HTML 4.01, HTML 4.0, HTML 3.2 und HTML 2.0.

Kurze Zitate

Das <q>...</q>-Element wird verwendet, wenn Sie ein Anführungszeichen innerhalb eines Satzes hinzufügen möchten

Beispiel

<!DOCTYPE html>
<html>
<head>
<title>Double Quote Example</title>
</head>
<body>
<p>Amit is in Spain, <q>I think I am wrong</q>.</p>
</body>
</html>

Dies wird produzieren folgendes Ergebnis:

Amit is in Spain, I think I am wrong.

Text Zitate

Wenn Sie sind zitiert einen Text, Sie können zeigen Quelle Platzierung die es zwischen einer Öffnung <cite> Tag und Schließen </cite> tag

Wie Sie in einer Print-Publikation erwarten würde, der Inhalt der<cite> Element ist gerendert in Kursiv text standardmäßig

Beispiel

<!DOCTYPE html>
<html>
<head>
<title>Citations Example</title>
</head>
<body>
<p>This HTML tutorial is derived from <cite>W3 Standard for HTML</cite>.</p>
</body>
</html>

Dies wird produzieren folgendes Ergebnis:

This HTML tutorial is derived from W3 Standard for HTML.

Computer Code

jeder Programmierung Code zu erscheinen auf einer Webseite sollte sein plaziert innen <code>...</code> tags. Gewöhnlich wird der Inhalt des <code> Element ist vorgestellt in einer dicktengleichen Schriftart, eben wie der Code in den meisten Programmiersprachen Bücher.

Beispiel

<!DOCTYPE html>
<html>
<head>
<title>Computer Code Example</title>
</head>
<body>
<p>Regular text. <code>This is code.</code> Regular text.</p>
</body>
</html>

Dies wird produzieren folgendes Ergebnis:

Regular text. This is code. Regular text.

Tastatur Text

Wenn Sie sind über Computer sprechen, wenn Sie erzählen möchten einen Leser um eingeben einige Text , können Sie mit der <kbd>...</kbd> Element zu Zeigen was sollte in eingegeben werden wie in diesem Beispiel.

Beispiel

<!DOCTYPE html>
<html>
<head>
<title>Keyboard Text Example</title>
</head>
<body>
<p>Regular text. <kbd>This is inside kbd element</kbd> Regular text.</p>
</body>
</html>

Dies wird produzieren folgendes Ergebnis:

Regular text. This is inside kbd element Regular text.

Programmierung Variablen

Dieses Element ist in der Regel in Verbindung mit verwendet die<pre> und <code> Elemente, um anzuzeigen, dass der Inhalt dieses Elements ist eine Variable .

Beispiel

<!DOCTYPE html>
<html>
<head>
<title>Variable Text Example</title>
</head>
<body>
<p><code>document.write("<var>user-name</var>")</code></p>
</body>
</html>

Dies wird produzieren folgendes Ergebnis:

document.write("user-name")

Programm Ausgabe

Die <samp>...</samp> Element zeigt an gibt Beispielausgabe aus einem Programm und Skript usw. Auch ist es vor allem verwendet, wenn die Dokumentation der Programmierung oder Codierung Konzepte .

Beispiel

<!DOCTYPE html>
<html>
<head>
<title>Program Output Example</title>
</head>
<body>
<p>Result produced by the program is <samp>Hello World!</samp></p>
</body>
</html>

Dies wird produzieren folgendes Ergebnis:

Result produced by the program is Hello World!

Adresse Text

Die <address>...</address> Element wird verwendet, um eine beliebige Adresse enthalten.

Beispiel

<!DOCTYPE html>
<html>
<head>
<title>Address Example</title>
</head>
<body>
<address>388A, Road No 22, Jubilee Hills -  Hyderabad</address>
</body>
</html>

Dies wird produzieren folgendes Ergebnis:

388A, Road No 22, Jubilee Hills - Hyderabad
Advertisements