Two Pilots - учебные странички


 

Уроки HTML

11. Символьные объекты.



Что такое символьные объекты?

Пожалуйста, наберите вот такую строчку:

ϖ ϒ ϑ ω ψ χ φ π ξ ζ θ δ Ω

Или мелодию

♪ ♫ ♪ ♪ ♫....


Получилось? :-)
Если нет, то познакомимся с так называемыми символьными объектами.

При составлении HTML странички удобно использовать комментарии:

<!- Текст комментария ->

При этом комментарии на экране, во время просмотра документа в браузере, не отображаются.

Поскольку символы "<" и ">" воспринимаются браузерами как начало и конец HTML-меток, возникает вопрос: а как показать эти символы на экране? В HTML это делается с помощью символьных объектов (&-последовательностей).

Вот только некоторые из них:  
Символьный
объект		 Отображение
в браузере
&lt; <
&gt; >
&amp; &
&quot; "
&reg; ®
&#153; ™
&copy; ©
&nbsp; пробел

Помните: точка с запятой - обязательный элемент &-последовательности. Кроме того, все буквы, составляющие последовательность, должны быть в нижнем регистре (т.е., маленькие). Использование меток типа &QUOT; или &AMP; не допускается.

Символьными объектами можно отображать в браузере буквы, математические знаки, знаки денежных единиц и многое другое. Необходимые символьные объекты вы всегда можете найти в справочниках. Например, здесь

http://www.konus.biz/books/DHTML...
http://ascii.org.ua/table.php
http://borisych.fopf.mipt.ru/gr025/book/10/html1019.htm


Примеры использования

  1. Знаки "<" и ">" применяются для отображения в браузере html кода.
    Например, чтобы в браузере получилась такая строчка

    <h3>Уроки HTML</h3>

    В html страничке нам необходимо написать сдедующее:

    &lt; h3 &gt; Уроки HTML &lt; /h3 &gt;

     

  2. Товарный знак ™ используется на странике продуктов http://www.colorpilot.ru/products.html

    Строка на странице в браузере:

    Form Pilot Home™ - заполнение бумажных бланков

    Эта же строка в html коде будет выглядеть так:
    <a href="fphcomics.html">Form Pilot Home&#153;</a> - заполнение бумажных бланков

     

  3. Знак копирайта © используется при подписи фотографий, когда необходима ссылка на автора.

    Пример можно посмотреть на этой страничке http://www.colorpilot.ru/makeup.html

    Надпись под фотографией

    Photo © Alexander Saltykov

    имеет такой html код:

    Photo &copy; Alexander Saltykov



Упражнение

Запишите несколько строчек html кода так, чтобы они в браузере отобразились также, как вы их видете на странице html кода.

Выложите получившуюся страничку в личный каталог, составьте линк (посмотреть как) и откройте Вашу страничку в браузере.

Пришлите, пожалуйста, линк на Вашу страничку на адрес группы HTML Pilot в качестве отчета о выполнении данного упражнения. Посмотреть, как подписаться...

26/04/2007, К. Жданова

- Главная страничка "Уроки HTML" -

 

Главная страничка :: Машинопись :: Mozilla Firefox :: Mozilla Thunderbird :: Total Commander ::
Local server :: ConTEXT :: Уроки HTML :: Справочный сайт (! только для пилотов) :: Отзыв