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

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

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

• Упражнение

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

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

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

Или мелодию

♪ ♫ ♪ ♪ ♫....

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

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

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

Символьный объект	Отображение в браузере
<	<
>	>
&	&
"	"
®	®
™	™
©	©
	пробел

Помните: точка с запятой - обязательный элемент &-последовательности. Кроме того, все буквы, составляющие последовательность, должны быть в нижнем регистре (т.е., маленькие). Использование меток типа &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 страничке нам необходимо написать сдедующее:

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

 

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

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

Эта же строка в html коде будет выглядеть так:

<a href="fphcomics.html">Form Pilot Home™</a> - заполнение бумажных бланков

 

3. Знак копирайта © используется при подписи фотографий, когда необходима ссылка на автора. Пример можно посмотреть на этой страничке http://www.colorpilot.ru/makeup.html Надпись под фотографией

Photo © Alexander Saltykov

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

Photo © Alexander Saltykov

10. Что такое css?

• Что такое CSS?

• Преимущества CSS перед HTML

Что такое CSS?

CSS (Cascade Style Sheet) - каскадные таблицы стилей. Это своего рода расширение HTML, дающее web-разработчику дополнительные возможности.

Стиль (style) - это набор элементов форматирования текста. Например, цвет текста, шрифт, размер, выравнивание и т.д. Все эти параметры можно хранить в стилях.

Но ведь и HTML позволяет оформлять текст с помощью тегов форматирования.

В чем же преимущество CSS перед HTML?

Преимущества CSS перед HTML

1. CSS одним действием позволяет изменять сразу всю группу параметров.

Например, в наших уроках все заголовки, заданные тегами <h1>, <h2>, <h3> и <h4> оранжевого цвета. В обычном HTML для этого нам понадобилось бы каждый заголовок поместить в контейнер <font> с параметром color="#CD6600":

<font color="#CD6600"><h1>Заголовок 1</h1></font>     ... <font color="#CD6600"><h4>Заголовок 4</h4></font>

И если бы понадобилось изменить цвет заголовков, нам пришлось бы искать их по всему документу и изменять каждый заголовок в отдельности.

А с помощью CSS мы создали стиль для тегов <h1>, <h2>, <h3> и <h4> в отдельном файле style_school.css (см. строка 22). И все заголовки, заданные этими тегами, без дополнительных тегов будут обладать нужными свойствами.

И если мы захотим изменить какое-либо свойство у заголовков, нам достаточно будет изменить стиль тегов, и все заголовки будут автоматически изменены.

2. Стили предоставляют разработчику гораздо больше возможностей по сравнению с обычным HTML.

Например, с помощью стилей можно задать такие свойства текста, которые нельзя задать с помощью стандартных параметров того или иного html-тега.

3. Все стили можно хранить в отдельном файле. Браузер кэширует (запоминает) такие файлы, поэтому загружаться Ваш сайт будет немного быстрее.