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

ВНИМАНИЕ! Конкурс по программированию!

Проект Programmers.kz и школа hotPen3D2D предлагает Вам курсы по веб-дизайну, веб-программированию и компьютерной графике. Подробности здесь.

Информация к новости

Просмотров: 1892
Автор: КазКиберГетик

(голосов: 0)

Категория: WEB-Design » HTML » Уроки HTML

Обратимся к прошлому заданию. Требовалось связать элементы таблицы с файлами: 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 начинается со значка &, потом идет его условное обозначение и заканчивается он точкой с запятой. Кстати & может быть отображен на странице только с помощью специального символа &. Это именно из-за того, что с него и начинаются спец. символы. И не смотря на то, что этот символ на клавиатуре есть, его просто как & в исходном тексте HTML документа записать нельзя. Ибо все, что будет следовать за ним, броузер будет пытаться интерпретировать как спец. символ. И ситуации тут могут быть самые непредсказуемые. Вот наиболее часто употребляемые специальные символы.

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

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

Пример:

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

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

Вернуться Комментариев: 0

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

Комментарии (0)

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

Наш сайт рекомендует:

Добавление комментария