[HTML] Спецсимволы и все о них!

Спецсимволы

Иногда, а порой даже часто, в тексте не обойтись без знаков "меньше чем"-< и "больше чем"- > , но как быть если браузеры определяют <слово> или фразу заключенные в эти знаки как тег и следовательно не будут его отображать на мониторе? Или допустим Вам и вправду в тексте надо написать некий <тег>, но не для того чтобы дать очередную команду браузеру, а чтобы привести пример его написания посетителям страницы?

Для этих целей были придуманы так называемые спецсимволы.

Так например спецсимвол < - будет значить что в этом месте текста нужно поставить знак < а спецсимвол > обозначит символ >.

Все спецсимволы начинают писаться со знака &- амперсант этот знак указывает браузеру, что далее будет идти имя спецсимвола и воспринимать его следует не как текст, а как команду. Тут встаёт очередной вопрос, а как собственно в тексте предназначенного для вывода на экран поставить сам знак &- амперсант?

Для знака & тоже есть свой спецсимвол - &

Такая вот путаница получается..

Ещё, пожалуй, отдельного внимания заслуживает спецсимвол - это неразрывный пробел мы с ним уже сталкивались. Дело в том, что когда Вы пишите текст в блокноте или html редакторе "простых" пробелов между словами можно поставить сколь угодно много, но вот при чтении страницы браузером все они "удаляются" и между словами на странице будет не более одного пробела. Отсюда часто возникают проблемы с оформлением текста, красную строку, например, никак не сделать... вот и придумали люди спецсимвол он воспринимается браузером не как пробел, а как знак, только невидимый человеческому глазу.

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

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

Код:: <html>
<head>
<title>пример в примере</title>
</head>
<body bgcolor="#dddddd" text="#222222">
<table width="600" bgcolor="#ffffff" cellspacing="0" cellpadding="5" border="0">
<tr>
<td width="10" bgcolor="#808080"> </td>
<td>
<html> <br>
<head> <br>
<title>Моя первая страничка</title><br>
</head><br>
<body><br>
<center><h2>Привет мир!!!</h2></center><br>
<br><br>
Это моя первая страничка!<br>
</body><br>
</html><br>
</td>
</tr>
</table>
</body>
</html>

Ну вот теперь Вы знаете, как примерно выглядят все эти примерчики по "ту сторону экрана". Кстати, раз уж начал открывать военные тайны, данный пример является таблицей из двух ячеек, одна тоненькая слева выполняет сугубо декоративную функцию.. так вот если перед Вами встанет задача нарисовать ячейку таблицы без какого либо содержания вставляйте в неё знак пробела . Помните правило <тег>здесь что то обязательно должно быть</тег>? Спецсимвол пробела один из выходов в данном случае.

» [HTML] Основы
» [HTML] Символика
» [HTML] Как сделать ссылку
» Зачем изучать HTML?
» [HTML] Бегающая Строка