Урок 2

Специальные символы Поскольку символы < и > воспринимаются браузером как начало и конец тега, возникает вопрос: а как показывать эти символы на экране? Для этих символов, а также для некоторых других предусмотрено специальное кодирование. Меньше < &lt;&#060 Больше > &gt;&#062 Амперсанд & &amp;&#038 Неразрывный пробел &#160 Копирайт © &copy;&#169 Тире - &#151 Левая елочка « &laquo;&#171 Правая елочка » &raquo;&#187 Левая лапка &#147 Правая лапка &#148 Номер &#8470

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

Между инициалами и фамилией (И.Сидиров - И. Сидоров) В многословных сокращениях(т.д. – т. д.) Между знаком номера и параграфа и относящимися к ним числами(13 - &#8470; 13) Между маркерами пунктов и следующим за ними текстом (1.Первый пункт – 1. Первый пункт) Между числами и относящимися к ним единицами измерениями величин(220 В В)

Между числами и относящимися к ним единицами измерения дат(2001 г г.) Перед тире в середине предложения (после тире идет обычный пробел)(Пиксель – это точка на экране - пиксель &#151; это точка на экране) Между классами многозначных чисел, начиная с пятизначных( ) Перед номерами версий программных продуктов и частями их названий(Windows XP - Windows XP)

Маркированный список Команда UL, задающая маркированный список, имеет следующую структуру: первый элемент списка второй элемент списка … последний элемент списка Начальный тегВид метки на экране Обычно диск (зависит от браузера) Окружность Диск Квадрат

Нумерованный список Команда OL, задающая нумерованный список, имеет следующую структуру: первый элемент списка второй элемент списка … последний элемент списка Начальный тегВид метки на экране Нумерация выполняется арабскими цифрами (1,2,3,…) Нумерация выполняется арабскими цифрами (1,2,3,…)

Графика в стиле «Web» Тег для встроенного изображения: , где Х – ширина, а Y – высота изображения в пикселях. - выравнивание по верхнему краю - выравнивание по центру - выравнивание по нижнему краю

Привязка с помощью гиперссылки Сервис WWW функционирует благодаря наличию гиперссылок, связывающих гипертекстовые документы. Эти гипертекстовые ссылки обычно отображаются на экране монитора в виде подчеркнутого текста синего цвета или графического знака. Тег гиперссылки выглядит так: …

Главное, п ринять н а в ооружение т е правила д изайна, к оторые н е п росто увеличивают ч исло п осетителей гипертекстовых с траничек, н о и улучшают экологию г лобальной с ети.