Урок 2 Специальные символы Поскольку символы < и > воспринимаются браузером как начало и конец тега, возникает вопрос: а как показывать эти символы на. - презентация

1 Урок 2

2 Специальные символы Поскольку символы < и > воспринимаются браузером как начало и конец тега, возникает вопрос: а как показывать эти символы на экране? Для этих символов, а также для некоторых других предусмотрено специальное кодирование. Меньше < << Больше > >> Амперсанд & && Неразрывный пробел   Копирайт © ©© Тире - — Левая елочка « «« Правая елочка » »» Левая лапка “ Правая лапка ” Номер №

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

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

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

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

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

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

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

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