www.popularsite.ru

RESTOR- От HTML до С++

Объявление

HTML

JavaScript

CSS

Flash MX
   

Содержание Курса(Введение в HTML)

     

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.

Вы здесь » RESTOR- От HTML до С++ » Основы работы с HTML » 2. Лекция: Форматирование символов

2. Лекция: Форматирование символов

Страница:   1 2 3  
Тема закрыта

Сообщений 11 страница 20 из 22

11

  • Автор: Admin
  • Администратор
  • Admin
  • Зарегистрирован: 2009-03-11
  • Приглашений: 0
  • Сообщений: 347
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    8 часов 2 минуты
  • Последний визит:
    2009-04-16 13:45:24

Тег <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>

Пример

0

12

  • Автор: Admin
  • Администратор
  • Admin
  • Зарегистрирован: 2009-03-11
  • Приглашений: 0
  • Сообщений: 347
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    8 часов 2 минуты
  • Последний визит:
    2009-04-16 13:45:24

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

<html>
<body>

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

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

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

</body>
</html>

Пример

0

13

  • Автор: Admin
  • Администратор
  • Admin
  • Зарегистрирован: 2009-03-11
  • Приглашений: 0
  • Сообщений: 347
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    8 часов 2 минуты
  • Последний визит:
    2009-04-16 13:45:24

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

<html>
<body>

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

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

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

</body>
</html>

Пример

0

14

  • Автор: Admin
  • Администратор
  • Admin
  • Зарегистрирован: 2009-03-11
  • Приглашений: 0
  • Сообщений: 347
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    8 часов 2 минуты
  • Последний визит:
    2009-04-16 13:45:24

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

<html>
<body>

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

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

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

</body>
</html>

Пример

0

15

  • Автор: Admin
  • Администратор
  • Admin
  • Зарегистрирован: 2009-03-11
  • Приглашений: 0
  • Сообщений: 347
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    8 часов 2 минуты
  • Последний визит:
    2009-04-16 13:45:24

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

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

Пример

0

16

  • Автор: Admin
  • Администратор
  • Admin
  • Зарегистрирован: 2009-03-11
  • Приглашений: 0
  • Сообщений: 347
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    8 часов 2 минуты
  • Последний визит:
    2009-04-16 13:45:24

Исходный код HTML-документа

Полезно изучать код Web-страниц, сделанных другими. Такую возможность предоставляют все популярные браузеры. Для этого в меню кнопке View ("Вид") браузера следует выбрать Source ("Исходный код") или Page Source ("Код страницы"). Откроется окно, в котором будет показан фактический код HTML страницы.

0

17

  • Автор: Admin
  • Администратор
  • Admin
  • Зарегистрирован: 2009-03-11
  • Приглашений: 0
  • Сообщений: 347
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    8 часов 2 минуты
  • Последний визит:
    2009-04-16 13:45:24

Таблица тегов управления формой отображения

<b>              Задает жирный текст
<big>              Относительное увеличение текста
<em>              Выделяет текст (обычно курсив)
<i>             Задает курсив
<small> Относительное уменьшение текста
<strong> Акцентирует текст (обычно жирный)
<sub>              Определяет нижний индекс
<sup>              Определяет верхний индекс
<ins>              Вставленный текст
<del>              Удаленный текст
<s>              Не рекомендуется. Используйте вместо этого <del>
<strike> Не рекомендуется. Используйте вместо этого <del>
<u>              Не рекомендуется. Используйте вместо этого стили (style)

0

18

  • Автор: Admin
  • Администратор
  • Admin
  • Зарегистрирован: 2009-03-11
  • Приглашений: 0
  • Сообщений: 347
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    8 часов 2 минуты
  • Последний визит:
    2009-04-16 13:45:24

Таблица тегов управления типом информации

<code>
<kbd>
<samp>
<tt>
<var>
<pre>
<listing>
<plaintext>
<xmp>

Определяет текст кода программы
Определяет текст клавиатуры
Определяет образец кода программы
Определяет текст телетайпа
Определяет переменную
Определяет заранее отформатированный текст
Не рекомендуется. Используйте вместо этого <pre>
Не рекомендуется. Используйте вместо этого <pre>
Не рекомендуется. Используйте вместо этого <pre>

0

19

  • Автор: Admin
  • Администратор
  • Admin
  • Зарегистрирован: 2009-03-11
  • Приглашений: 0
  • Сообщений: 347
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    8 часов 2 минуты
  • Последний визит:
    2009-04-16 13:45:24

Таблица тегов цитирования, сносок и определения

<abbr>             Определяет сокращение
<acronym>       Определяет акроним
<address>        Определяет элемент address (адрес)
<bdo>              Определяет направление вывода текста
<blockquote>    Определяет длинную цитату
<q>                 Определяет короткую цитату
<cite>              Определяет сноску на другой материал
<dfn>              Используется для определения термина

0

20

  • Автор: Admin
  • Администратор
  • Admin
  • Зарегистрирован: 2009-03-11
  • Приглашений: 0
  • Сообщений: 347
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    8 часов 2 минуты
  • Последний визит:
    2009-04-16 13:45:24

Символьные элементы

Некоторые символы, такие как символ <, имеют в HTML специальное значение. Поэтому их нельзя использовать в тексте в явном виде. Для их отображения используются символьные элементы CER (Character Entity Reference).

Для представления символа "<" в теле документа HTML используется &lt;, а для символа ">" используется &gt;. Символьный элемент отображается в виде:
&имя_символа;

или
&#номер_символа;

Например, знак меньше (<) изображается в виде: &lt; или <.

Преимущество использования имени вместо номера состоит в том, что имя легче запомнить. Недостаток состоит в том, что не все браузеры поддерживают самые новые имена объектов, в то время как поддержка номеров объектов реализована очень хорошо почти во всех браузерах. Обратите внимание, что символьные объекты зависят от регистра символов.

Следующий пример позволит поэкспериментировать с символьными объектами.

Символьные объекты. Работает только в Internet Explorer.

<html>
<body>

<p>Это символьный объект: �</p>

<p>
Попробуйте заменить номер (000) на другой номер (например, 169), сохраните измененный текст и
перезагрузите страницу  в браузере, чтобы увидеть результат.
</p>

</body>
</html>

0

Тема закрыта
Страница:   1 2 3  

Вы здесь » RESTOR- От HTML до С++ » Основы работы с HTML » 2. Лекция: Форматирование символов

Рейтинг форумов | Создать форум бесплатно