Питанн 3. Теги для роботи з текстом, графічними об'єктами. Гіперпосилання

Робота з текстом в HTML.

Елементи форматування тексту:

FONT

Дозволяє змінити колір, розмір і тип шрифту тексту, що знаходиться між початковим і кінцевим тегами.

Параметры:

SIZE - визначає розмір шрифту. Можливі значення:

- ціле число від 1 до 7;

- відносний розмір з указуванням знаку, обчислюється шляхом додавання до базового розміру, визначеним з допомогою параметру SIZE.

COLOR – визначає колір тексту. Задається або RGB-значенням в шістнадцятковій системі, або одним із 16 базових кольорів.

FACE – визначає шрифт, що використовується в документі.

Не має кінцевого тега. Визначає основний шрифт, яким має відображатися текст документа.

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

Параметри:

SIZE - обов'язковий параметр. Визначає базовий розмір шрифту. Можливі значення: цілі числа від 1 до 7 включно.

FACE - визначає використовуваний шрифт (гарнітуру).

I

Текст, укладений між початковим і кінцевим тегами, буде виділено курсивом.

EM

Логічний наголос. Використовується для смислового виділення тексту, що стоїть між початковим і кінцевим тегами. Результат зазвичай відображається курсивом. Тобто елемент EM практично аналогічний за дією елементу I.

B

Текст, укладений між початковим і кінцевим тегами, буде виділено жирним шрифтом.

STRONG

Посилене виділення. Текст, укладений між початковим і кінцевим тегами, буде виділено жирним шрифтом. Тобто елемент STRONG практично аналогічний за дією елементу B.

U

Даний елемент відображає поміщений між початковим і кінцевим тегами текст як підкреслений.

S, STRIKE

Елемент STRIKE відображає поміщений між початковим і кінцевим тегами текст як перекреслений.

<SUP> …</SUP>

Відображає текст із зрушенням вгору (верхній індекс) і зменшенням розміру поточного шрифту на одиницю.

VAR

Елемент VAR призначений для позначення в тексті змінних. Як правило, відображається курсивом.

CODE, SAMP

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

Робота з графікою в html.

Графіка на Web-сайтах грає важливу роль. Зображення повинні бути в форматах GIF або JPEG. Приступаючи до описів засобів мови HTML, призначених для розміщення зображень на Web-сторінці, зберіть потрібні зображення в одну папку. Так Ви заощадите масу часу.

Для вставки файли зображень на сторінку призначений один єдиний тег <IMG>. Ось його атрибути:

SRC - вказує адресу зображення. Завжди застосовується до тегу <IMG>

WIDTH - ширина зображення. (Вимірюється в пікселях (px))

HEIGHT - висота картинки (px)

ALIGN - спосіб вирівнювання зображення на сторінці (значення left (ліворуч), right (праворуч), top (верх), bottom (низ), middle (середина))

VSPACE - відступ від тексту по вертикалі (px)

HSPACE - відступ від тексту по горизонталі (px)

ID або NAME - привласнює ім'я (якщо на зображення робиться внутрішнє посилання)

BORDER - товщина рамки (px)

USEMAP - карта посилань

ALT - коментарі, які буде видно при наведенні мишки на зображення

Атрибути до тегу <IMG> застосовуються в міру необхідності за винятком першого. А код в сторінці може виглядати так:

<IMG SRC="img/tchk.gif" WIDTH="5" HEIGHT="5" HSPACE="5" VSPACE="5" BORDER="0" ALIGN="left">

Зверніть увагу, що немає закриває тега </ IMG>.

Габарити зображення слід вказувати - реальні, щоб уникнути некоректних відображень картинок на екрані.

Гіперпосилання у веб-дизайні.

Як нам відомо на кожному сайті як правило присутні посилання.

Будь-яке посилання в HTML-мові позначається тегом <A>, який має такі атрибути:

HREF - адресація

ID або NAME - внутрішній адресу частині документа

TARGET - показує в якому вікні буде відкрита посилання. (Значення - _blank (новому), _self (поточному), _top і _parent.

TITLE - коментарі до заслання, які видно в браузері при наведенні миші.

LINK, ALINK, VLINK - колір посилань в залежності від наведення миші. Вживаються в каскадних аркушах стилів або безпосередньо в тегу <BODY>.

Атрибут HREF в HTML-коді пишеться за загальними правилами - одразу після тега через "прогалину". У значення потрібно вказати "місце" куди будемо посилатися. Далі в самому контейнері тега <A> заноситься текст посилання. Якщо Ви хочете направити посиланням на інший сайт, то потрібно вказувати в значення його повну адресу в Інтернеті. Приклад:

<A HREF="http://www.vesty.ru> Новини </ A>

При локальному використанні між сторінками посилання робиться безпосередньо на саму сторінку з зазначенням розширення файлу. Т.к. сайт на сервері представляє собою; "древо" папок-існують деякі відмінності. Так буде виглядати запис в HTML-коді, якщо посилаємося на сторінку в тій же папці:

<A HREF = "index.html"> Головна </ A>

Якщо шукана сторінка знаходиться в підпапки, щодо сторінки де знаходиться посилання, то все трохи по іншому:

<A HREF="імя підпапки /імя шуканої страніци"> текст посилання </ A>

При посиланні на іншу папку "древа" використовується наступний метод: зазначається в коді набір символів "../" за кожен рівень "древа" щодо папки, де знаходиться посилання із зазначенням імені папки (якщо немає підпапок) або тільки підпапки (якщо сторінка там ). Приклад - шукана сторінка знаходиться в папці на два рівня вгору, вкладена в підпапку:

<A HREF= "../../ ім'я подпапкі/імя шуканої сторінки> текст посилання </ A>

За такими ж принципами робляться посилання на будь-який інший файл.

Посилання на адресу поштової скриньки треба виробляє так:

<A HREF=" mailto: адресу ящіка"> текст для посилання </ A>

Крім тексту об'єктом у вигляді посилання може бути будь-яке зображення. Для цього всього лише навсього помістіть код цього зображення в контейнер <A> </ A> замість тексту. Приклад:

<A HREF="index.html ">

<IMG SRC="img/home.gif" ALT="Главная" WIDTH="16" HEIGHT="16" BORDER="0"> </ A>

Це все, що стосувалося посилань. Для закріплення теми - потрібен тренінг на своєму ПК.