29.06.2017 08:29:15   
Навігація
Погода
Баштанка

Опитування
Ви потрапили сюди шукаючи:

Інформацію про Баштанку
Інформацію про Баштанку
33% [5 голосів]

Друзів з м. Баштанки
Друзів з м. Баштанки
27% [4 голосів]

Випадково потрапив
Випадково потрапив
7% [1 голос]

Фото Баштанщини
Фото Баштанщини
20% [3 голосів]

Товариш розповів
Товариш розповів
13% [2 голосів]

Всього голосів: 15
Для участі в опитуваннях Ви повинні авторизуватися
Розпочато: 30.12.2008 12:07
Зараз на сайті
Гостей: 1

Користувачів: 0

Всього користувачів: 119
Новий користувач: getdallcalmuzz1978
Останні оголошення
Распродажа! Каждому ...
Распродажа! Каждому ...
Кованая подставка дл...
Держатель для балкон...
Подставка для нового...
На правах реклами


Структура статей
Усі статті » WEB-Майстру » Основи HTML (Розділ 4)
Основи HTML (Розділ 4)
13. Таблиці, посилання і спецсимволи.

Звернемося до минулого завдання. Потрібно було пов'язати елементи таблиці з файлами: lets.html (для слова "Хай"), always_be.html (для фрази "завжди буде") і sun.html (для слова "сонце!!!"). Ми зараз не займатимемося створенням файлів lets.html, always_be.html і sun.html. Замість них ми запишемо наступний код:

<а href="#">link</a>

а в тілі тега замість Link помістимо елементи таблиці, як це показано нижче:

 завжди буде 
Хайсонце !!!
  

Код таблиці наступний:

<table border="0" cellpadding="0" cellspacing="0" align=center>
<tr>
<td align="center" width="80" height="30">&nbsp;</td>
<td align="center" bgcolor="#5511ff">
<a href="#" title="Посилання на файл always_be.html, але його немає, він умовний">
<font size=4 color=yellow><b>завжди буде</b></font></a>
</td>
<td align="center" width="80">&nbsp;</td>
</tr>
<tr bgcolor="#5511ff">
<td align="center">
<a href="#" title="Посилання на файл lets.html, але його немає, він умовний">
<font size=4 color=yellow><font size=4 color=yellow><b>Хай</b></font></a>
</td>
<td align="center" width="168"><img src="sun1.gif" width="150" height="75"></td>
<td align="center">
<a href="#" title="Посилання на файл sun.html, але його немає, він умовний">
<font size=4 color=yellow><b>сонце !!!</b></font></a>
</td>
</tr>
<tr>
<td align="center">&nbsp;</td>
<td align="center" width="168">
<img src="sun2.gif" width="150" height="75"></td>
<td align="center">&nbsp;</td>
</tr>
</table>

Символ # в тегу <a> застосовується для створення закладок.

Зараз ми розглянемо ще два корисні атрибути даного тега.

Перший з них це - title. Він формує текст спливаючої підказки, яка виникає при наведенні на посилання. Наведіть на слово "Хай" і затримаєте курсор миші на ній. Протягом менш, ніж однієї секунди ви побачите спливаючий текст.

Другий атрибут це - закладка. Вона застосовується на сторінках з дуже великою довжиною по вертикалі. Це посилання, на якийсь фрагмент HTML-файла. Браузер, при кліку на посилання із закладкою сам прокрутить сторінку і перемістить Вас, помістивши ту частину, де встановлена закладка, у верхній частині вікна браузера.

Натисніть на посилання "Вгору", розташоване нижче і ви опинитеся у верхній частині сторінки.

Вгору

Це і є робота закладки. Спочатку заладку потрібно встановити. Це зроблено вставленням відразу після відкриваючого тега <body> наступного коду:

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

name означає ім'я закладки. На сторінці може бути декілька закладок. А щоб звернутися до неї, слід записати код (у нашому випадку - для "Вгору"):

<a href="#top">Вгору</a>

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

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

А зараз про спеціальні символи. В основному, це символи, яких немає на клавіатурі. Сюди можна віднести весь грецький алфавіт і деякі інші символи. Будь-який спеціальний символ для запису на мові HTML починається із значка &, потім йде його умовне позначення і закінчується він крапкою з комою. До речі & може бути відображений на сторінці тільки за допомогою спеціального символу &. Це саме через те, що з нього і починаються спец. символи. І не дивлячись на те, що цей символ на клавіатурі є, його просто як & у початковому тексті HTML документу записати не можна. Бо все, що слідуватиме за ним, браузер намагатиметься інтерпретувати як спец. символ. І ситуації тут можуть бути самі непередбачувані. Ось найбільш спеціальні символи, що часто вживаються.

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

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

Приклад:

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

Для запису заголовних букв слід використовувати заголовні букви в записі абревіатури.
Наприклад: &psi; для ψ і &Psi; для Ψ.
Коментарі
Коментарі відсутні
Додати коментар
Щоб отримати можливість додавання коментарів, будь ласка, спочатку авторизуйтесь на сайті через власний обліковий запис.
Оцінки
Доступ до оцінювання мають лише зареєстровані користувачі.

Будь ласка, авторизуйтесь , щоб отримати можливість оцінювати.

Оцінки відсутні
Авторизація
Ім`я

Пароль



Не пам`ятаєте
ім`я/пароль?

 Відновлення 
Випадковий анекдот
- Куме, а чого ваша свиня без задніх ніг бігає?
- А що я дурний через одну тарілку холодцю всю свиню різати? Підморгую
Переглянути всі »
Календар
<< Червень 2017 >>
Пн Вт Ср Чт Пт Сб Нд
      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30    
Міні-чат
Для спілкування Ви маєте авторизуватися.

01-01-2011 16:04
Вітаю З Новим роком!

24-08-2010 14:48
Вітаю з Днем Незалежності!

27-05-2010 09:50
Привіт! Настрій чудовий. Great

26-05-2010 15:02
Привет Баштанка как там у вас настроение. Задоволення

28-04-2010 23:54
То що, ніхто не знає відповідь на загадку.

Лічильники
SmartTop.info

Корисні посилання

© 2008-2017 "БіРіП"


  Завантажено за 0.07 сек.

3,745,541 відвідувачів