русс | укр

Языки программирования

ПаскальСиАссемблерJavaMatlabPhpHtmlJavaScriptCSSC#DelphiТурбо Пролог

Компьютерные сетиСистемное программное обеспечениеИнформационные технологииПрограммирование

Все о программировании


Linux Unix Алгоритмические языки Аналоговые и гибридные вычислительные устройства Архитектура микроконтроллеров Введение в разработку распределенных информационных систем Введение в численные методы Дискретная математика Информационное обслуживание пользователей Информация и моделирование в управлении производством Компьютерная графика Математическое и компьютерное моделирование Моделирование Нейрокомпьютеры Проектирование программ диагностики компьютерных систем и сетей Проектирование системных программ Системы счисления Теория статистики Теория оптимизации Уроки AutoCAD 3D Уроки базы данных Access Уроки Orcad Цифровые автоматы Шпаргалки по компьютеру Шпаргалки по программированию Экспертные системы Элементы теории информации

Таблицы, ссылки и спецсимволы


Дата добавления: 2015-07-09; просмотров: 626; Нарушение авторских прав


Обратимся к прошлому заданию. Требовалось связать элементы таблицы с файлами: lets.html (для слова "Пусть"), always_be.html (для фразы "всегда будет") и sun.html (для слова "солнце!!!"). Мы сейчас не будем заниматься созданием файлов lets.html, always_be.html и sun.html. Вместо них мы запишем следующий код:

<a href="#">Link</a>

а в теле тэга вместо Link поместим элементы таблицы, как это показано ниже:

  всегда будет  
Пусть солнце !!!
   

Код таблицы следующий:

 

<table border="0" cellpadding="0" cellspacing="0" align=center> <tr> <td align="center" width="80" height="30"> </td> <td align="center" bgColor="#5511ff"> <a href="#" title="Ссылка на файл always_be.html, но его нет, он условен"><b>всегда будет</b></a> </td> <td align="center" width="80"> </td> </tr> <tr bgColor="#5511ff"> <td align="center"><font size=4 color=yellow><b> <a href="#" title="Ссылка на файл lets.html, но его нет, он условен">Пусть</a> </b></font></td> <td align="center" width="168"><img src="../sun1.gif" width="168" height="63"></td> <td align="center"><font size=4 color=yellow><b> <a href="#" title="Ссылка на файл sun.html, но его нет, он условен">солнце !!!</a> </b></font></td> </tr> <tr> <td align="center"> </td> <td align="center" width="168"><img src="../sun2.gif" width="168" height="63"></td> <td align="center"> </td> </tr></table>

Значек # в тэге <a> применяется для создания закладок.



Сейчас мы рассмотрим еще два полезных атрибута данного тэга.

Первый из них это - title. Он формирует текст всплывающей подсказки, которая возникает при наведении на ссылку. Наведите на слово "Пусть" и задержите курсор мыши на ней. В течении менее, чем одной секунды вы увидите всплывающий текст.
Второй атрибут это закладка. Она применяется на страничках с очень большой длиной по вертикали. Это ссылка, на какой-то фрагмент HTML-файла. Броузер, при щелчке на ссылку с закладкой сам прокрутит страничку и переместит Вас, поместив ту часть, где установлена закладка, в верхней части окна броузера.

Нажмите на ссылку "Наверх", расположенную ниже и вы окажетесь в верхней части страницы.

Наверх

Это и есть работа закладки. Сначала заладку нужно установить. Это сделано помещением сразу после открывающего тэга <body> следующего кода:

<a href="#" name="top"></a>

name означает имя закладки. На странице может быть несколько закладок. А чтобы обратиться к ней, следует записать код (в нашем случае - для "Наверх"):

<a href="#top">Наверх</a>

По умолчанию, запись вида <a href="#">Ссылка</a>, т.е. закладка без атрибута name также приводит к началу страницы.

Поэкперементируйте с закладками.

А теперь о специальных символах. В основном, это символы, которых нет на клавиатуре. Сюда можно отнести весь греческий алфавит и некоторые другие символы. Любой специальный символ для записи на языке HTML начинается со значка &, потом идет его условное обозначение и заканчивается он точкой с запятой. Кстати & может быть отображен на странице только с помощью специального символа &amp;. Это именно из-за того, что с него и начинаются спец. символы. И не смотря на то, что этот символ на клавиатуре есть, его просто как & в исходном тексте HTML документа записать нельзя. Ибо все, что будет следовать за ним, броузер будет пытаться интерпретировать как спец. символ. И ситуации тут могут быть самые непредсказуемые. Вот наиболее часто употребляемые специальные символы.

Символ Запись Примечание
" &quot; Кавычки
§ &sect; Значек параграфа
± &plusmn; Знак "плюс-минус"
< &lt; Знак "меньше"
> &gt; Знак "больше"

Следует особо отметить, что просто знак пробела в исходном тексте HTML-документа броузером тоже обрабатывается весьма специфично. Сколько бы пробелов Вы не пытались ставить в исходном тексте, броузер их отобразит как один. А если все же Вы задумали отделение несколькими пробелами, то здесь на помощь приходит спец.символ &nbsp;. Все спец. символы есть ни что иное как сокращенный вариант (аббревиатура) их полного названия. &nbsp; означает Non-breaking space (непрерывный пробел). Этот вид пробела бы применен в таблице для эмуляции заполнения ячеек, которые должны выглядеть как пустые. В противном случае (без применения этого спецю символа) таблица выглядела бы как здание с вывалишвимися кирпичами. Запись греческих букв также не представляет труда, надо только знать их названия.

Пример:

Буква (название) Вид Запись
Альфа α &alpha;
Бетта β &beta;
Омега ω &omega;

Для записи заглавных букв следует использовать заглавные буквы в записи аббревиатуры.
Например: &psi; для ψ и &Psi; для Ψ.
Источник:web-brodilka.ru



<== предыдущая лекция | следующая лекция ==>
Изображения и таблицы | Стили и ссылки


Карта сайта Карта сайта укр


Уроки php mysql Программирование

Онлайн система счисления Калькулятор онлайн обычный Инженерный калькулятор онлайн Замена русских букв на английские для вебмастеров Замена русских букв на английские

Аппаратное и программное обеспечение Графика и компьютерная сфера Интегрированная геоинформационная система Интернет Компьютер Комплектующие компьютера Лекции Методы и средства измерений неэлектрических величин Обслуживание компьютерных и периферийных устройств Операционные системы Параллельное программирование Проектирование электронных средств Периферийные устройства Полезные ресурсы для программистов Программы для программистов Статьи для программистов Cтруктура и организация данных


 


Не нашли то, что искали? Google вам в помощь!

 
 

© life-prog.ru При использовании материалов прямая ссылка на сайт обязательна.

Генерация страницы за: 0.435 сек.