Основы работы с HTML

       

Форматирование символов


Для маркировки переменных используется тег <var>, который обычно отображается курсивом.

<html> <body> <p>Версии стандарта HTML обычно маркируются следующим образом <var>x</var>.<var>у</var>.</p> </body> </html>

Пример выполнения данного HTML-кода

Тег <address> маркирует контактную информацию для всего документа или его части. Он может включать имена людей осуществляющих поддержку документа, ссылки на страницы, адреса электронной почты, телефоны и прочее. Использование данного тега для маркировки почтовых адресов организаций является не совсем корректным. Его следует использовать только для пометки адресов для связи по поводу документа. Также допустимо использование тега <address> для выделения контактной информации по поводу части документа, обычно формы.

<html> <body> <form method=post action="http://www.intuit.ru/cgi-bin/order.cgi">

<fieldset> <legend accesskey=c>Информация о кредитной карте<br></legend> <p> <label accesskey=v> <input type=radio name=card value=visa> Visa </label> <label accesskey=m> <input type=radio name=card value=mc> Mastercard </label> <br> <label accesskey=n> Номер: <input type=text name=number> </label> <label accesskey=e> Срок действия: <input type=text name=expiry> </label> </p> </fieldset>

<p> <input type=submit value="Отправить заказ" accesskey=s> </p>

<address> Если у вас имеются вопросы по поводу заказа свяжитесь с нами по адресу <a href="mailto:orders@htmlhelp.com">orders@htmlhelp.com</a>, Или телефону в офисе 555-5555. </address>

</form> </body> </html>

Пример выполнения данного HTML-кода

Этот пример показывает, как работать с сокращениями или акронимами.

<html> <body>

<abbr title="Содружество Независимых Государств">СНГ</abbr> <br> <acronym title="World Wide Web">WWW</acronym>


<p> При наведении указателя мыши на акроним или сокращение показывается атрибут title.</p>



<p>Это работает по-разному в разных браузерах.</p>

</body> </html>

Пример выполнения данного HTML-кода

Этот пример показывает, как изменять направление вывода текста.

<html> <body>

<p> Если используемый браузер поддерживает двунаправленное представление (bdo),

то следующая строка будет записана справа налево (rtl): </p>

<bdo dir="rtl"> Здесь какой-то арабский текст </bdo>

</body> </html>

Пример выполнения данного HTML-кода

Этот пример показывает, как использовать длинные и короткие цитаты.

<html> <body>

Здесь представлена длинная цитата: <blockquote> Это длинная цитата. Это длинная цитата. Это длинная цитата. Это длинная цитата. Это длинная цитата. </blockquote>

Здесь представлена короткая цитата: <q> Это короткая цитата </q>

<p> Для элемента blockquote браузер вставляет дополнительные перенос строки, пустые строки и поля, но элемент q не изображается каким-то специальным образом. </p>

</body> </html>

Пример выполнения данного HTML-кода

Этот пример показывает, как пометить текст, который удален или вставлен в документ.

<html> <body> <p> дюжина означает <del>двадцать</del> <ins>двенадцать</ins> pieces </p> <p> Большинство браузеров будет зачеркивать удаленный текст и подчеркивать вставленный текст. </p> <p> Некоторые старые браузеры будут выводить удаленный или вставленный текст как обычный текст. </p> </body> </html>

Пример выполнения данного HTML-кода

Содержание раздела