Специальные символы и нетекстовые элементы



Предыдущая | Следующая

Специальные символы и нетекстовые элементы
Посмотрим на последнюю строку нашего текста, содержащую сведения об авторских правах. Общепринятым стандартом стало использование значка © ("копирайт"), у нас же — длинный некрасивый текст. Давайте заменим его коротким и приметным значком.
Сначала выделим СЛОВа Авторские права принадлежат нам. (не забыв И
точку), которые мы заменим значком ©, и удалим. Далее поставим текстовый курсор в то место текста, где мы хотим поместить этот знак. И выберем
пункт Copyright подменю Special Characters, находящегося, в свою очередь, в подменю HTML меню Insert.
Dreamweaver выведет небольшое предупреждение (рис. 3.15), говорящее о том, что данный символ может не отобразиться корректно в случае использования заданной нами в настройках Dreamweaver кодировки. Закроем его, нажав кнопку ОК, а чтобы оно не выводилось на экран в дальнейшем, перед закрытием включим флажок Don't show me again.
На рис. 3.16 показан символ ©, только что вставленный нами в текст. (Не забудем также исправить последнюю строку.)

Здесь мы столкнулись с так называемыми специальными символами HTML. Эти символы из соображений все той же совместимости не могут быть просто так вставлены в код HTML, а заменяются либо числовыми кодами, либо мнемоническими обозначениями. В частности, символ © обозначается в HTML-коде как &сору;. Вот так:
<Р><ЕМ>&сору; мы, разработчики, 2004 год.</ЕМх/Р>
Кстати, символ двойных кавычек (") обозначается как &quot,-, символ "меньше" (<) — как &lt;, а символ "больше" (>) — как &gt;. (Знак точки с запятой в конце обязателен — нужно иметь это в виду при правке HTML-кода!)
Еще один полезный специальный символ — неразрывный пробел. Что бы ни случилось, Web-обозреватель никогда не будет переносить строку по этому пробелу. Чтобы вставить такой пробел в текст, необходимо поставить в нужно место текстовый курсор, удалить обычный пробел, если он там есть, и нажать комбинацию клавиш <Ог1>+<8ЫЛ>+<Пробел>. В коде HTML неразрывный пробел обозначается так — &nbsp;.
Иногда нужно, наоборот, разорвать строку абзаца на две, да так, чтобы этот разрыв сохранялся всегда. Для этого нужно поставить текстовый курсор на нужное место и нажать комбинацию клавиш <Shift>+<Enter>. При этом в код HTML будет вставлен особый одинарный тег <br> — тег разрыва строк.
Вдоволь наэкспериментировавшись с разрывами строк, неразрывными пробелами и прочими специальными символами, давайте займемся делом. Не кажется ли, что третий и четвертый абзацы нашей страницы расположены слишком близко друг к другу? Как бы их немного разнести?
Можно, конечно, вставить пустой абзац, поместив текстовый курсор в конец третьего абзаца и нажав клавишу <Enter>, но получится некрасиво. Давайте сделаем по-другому, а именно разделим этим абзацы горизонтальной линией.
Поместим текстовый курсор в начале четвертого абзаца и выберем пункт Horizontal Rule подменю HTML меню Insert. Созданная нами горизонтальная линия показана на рис. 3.17.

Чтобы удалить вставленную не в то место горизонтальную линию, нужно выделить ее щелчком мыши и нажать клавишу <Del>.
Горизонтальная линия создается одинарным тегом <hr> и относится к так называемым нетекстовым элементам. Нетекстовые элементы определяются в самом коде HTML, но не относятся к тексту. Кроме горизонтальных линий, к ним относятся еще и таблицы, с которыми мы сейчас начнем работать.
А пока что сохраним созданную Web-страницу default.htm и проверим, все ли мы сделали правильно. Готовая страница должна выглядеть так, как показано на рис 3.18. После этого закроем готовую страницу, щелкнув кнопку закрытия окна документа, в котором она открыта, выбрав пункт Close меню File или нажав комбинацию клавиш <Ctrl>+<W>.
Главная страница нашего сайта, в принципе, готова. Приступим к созданию остальных страниц.

 

Содержание Книга по php и mysql