Бирки фразы HTML


Advertisements

Бирки фразы были конструированы для особых целей, хотя они показаны в подобном путе как другие основные бирки как <b>, <i>, <pre>, и <tt>, вы видели в предыдущей главе. Эта глава примет вас через все важные бирки фразы, поэтому препятствовала нам начать увидеть их по-одному.

Подчеркнутый текст

Что-нибыдь которое появляется внутри элемент <em>… </em> показано как подчеркнутый текст.

Пример

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

Это даст следующий:

The following word uses a emphasized typeface.

Маркированный текст

Что-нибыдь которое появляется внутри элемент <mark>… </mark>, показано как маркировано с желтыми чернилами.

Пример

<!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>

Это даст следующий:

The following word has been marked with yellow.

Сильный текст

Что-нибыдь которое появляется внутри элемент <strong>… </strong> показано как важный текст.

Пример

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

Это даст следующий:

The following word uses a strong typeface.

Аббревиатура текста

Вы можете сократить текст путем класть его <abbr> отверстия внутренности и заключительные бирки </abbr>. Если настоящий момент, атрибут названия должен не содержать это полное описание и ничего еще.

Пример

<!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>

Это даст следующий:

My best friend's name is Abhy.

Элемент акронима

Элемент <acronym> позволяет вам показать что текст между <acronym> и бирками </acronym> акроним.

В настоящее время, главные браузеры не изменяют возникновение содержания элемента <acronym>.

Пример

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

Это даст следующий:

This chapter covers marking up text in XHTML.

Направление текста

Элемент <bdo>… </bdo> стоит для двухнаправленного преодоления автоматического действия и он использован для того чтобы отвергнуть настоящее направление текста.

Пример

<!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>

Это даст следующий:

This text will go left to right.

This text will go right to left.

Специальные термины

Элемент <dfn>… </dfn> (или элемент определения HTML) позволяют вам определить что вы вводите специальную термину. Использование подобно к словам курсивом посреди параграфа.

Типично, вы использовали бы элемент <dfn> в первый раз вы введете ключевую термину. Большинств недавние браузеры представляют содержание элемента <dfn> в купели курсивом.

Пример

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

Это даст следующий:

The following word is a special term.

Закавычить текст

Когда вы хотите закавычить проход от другого источника, вы должны положить его между бирками <blockquote>… </blockquote>.

Текст внутри элемента <blockquote> обычно выделен от левых и правых краев окружающего текста, и иногда использует выделенную курсивом купель.

Пример

<!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>

Это даст следующий:

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

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.

Короткие цитаты

Элемент <q>… </q> использован когда вы хотите добавить двойную цитату в пределах предложения.

Пример

<!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>

Это даст следующий:

Amit is in Spain, I think I am wrong.

Цитации текста

Если вы закавычите текст, то вы можете показать источник устанавливая его между биркой <cite> отверстия и заключительной биркой </cite>

По мере того как вы предпологали бы в издании печати, содержание элемента <cite> представлено в выделенном курсивом тексте значением по умолчанию.

Пример

<!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>

Это даст следующий:

This HTML tutorial is derived from W3 Standard for HTML.

Состав команд вычислительной машины

Любой программируя Код, котор нужно появиться на страницу паутины должен быть помещен внутри бирок <code>… </code>. Обычно содержание элемента <code> в купели monospaced, как раз как Код в большинств программируя книгах.

Пример

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

Это даст следующий:

Regular text. This is code. Regular text.

Текст клавиатуры

Когда вы говорите о компьютерах, если вы хотите сказать, что читатель вписал некоторый текст, то вы можете использовать элемент <kbd>… </kbd> для того чтобы показать что должно быть напечатано на машинке внутри, как в этом примере.

Пример

<!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>

Это даст следующий:

Regular text. This is inside kbd element Regular text.

Программируя переменные величины

Этот элемент обычно использован совместно с элементами <pre> и <code> для того чтобы показать что содержание того элемента переменная величина.

Пример

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

Это даст следующий:

document.write("user-name")

Выход программы

Элемент <samp>… </samp> показывает выход образца от программы, и сценарий etc. снова, он главным образом использован документируя программировать или кодировать принципиальные схемы.

Пример

<!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>

Это даст следующий:

Result produced by the program is Hello World!

Текст адреса

Элемент <address>… </address> использован для того чтобы содержать любой адрес.

Пример

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

Это даст следующий:

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