Читайте также:
|
Керувати появою та рухом тексту дозволяє тег <MARQUEE> (Табл. 1.4).
Наприклад:
<MARQUEE> Приклад тексту, який pухається</MARQUEE>
Атрибути тегу <MARQUEE> Таблиця 1.4
| Атрибут | Призначення |
| BGCOLOR=RGB | Визначає колір вікна, у якому рухається текст |
| BEHAVIOR=SCROLL| SLISDE|ALTERNATE | Визначає спосіб появи тексту у вікні |
| DIRECTION=LEFT|RIGHT | Вказує напрямок, у якому рухається текст |
| SCROU-AMQUNT=N | Вказує число пікселів між послідовностями тексту, який рухається |
| SCROLLDELAY=N | Вказує затримку часу у мілісекундах між появою тексту |
| HEIGHT= pixels|percent | Визначає вікно для тексту, який рухається, у пікселях або процентах від вікна перегляду броузера |
| WIDTH= pixels|percent | Те ж, але визначає ширину |
| HSPACE=N | Визначає відступи зверху і знизу |
| VSPACE=N | Визначає відступи праворуч і ліворуч |
| LOOP=n|INFINITE | Задає число повторень |
| ALIGN=TOP|MIDDLE| BOTTOM | Задає тип вирівнювання |
1.3 Форматування шрифтів
Розмір шрифту. Основний розмір шрифту завжди дорівнює 3, якщо він не змінений тегом <BASEFONT=n>, де n=1-7.
Пара тегів <FONT>...</FONT> дозволяє задавати розмір, колір і гарнітуру тексту, що міститься між цими тегами.
Атрибути тегу <FONT>:
- SIZE=n (n=1-7) Встановлює розмір шрифта - абсолютний або відносний розмір шрифта. Відносний розмір - це розмір відносно SIZE=3 або розміру, заданого тегом <BASEFONT=n> Для задання шрифту у відносних одиницях необхідно вказати, наскільки більшим (+) або меншим (-), ніж основний, має бути шрифт, що задається. Мінімальне абсолютне значення розміру шрифту 1, максимальне - 7, Наприклад: <FONT SIZE=5>
- COLOR - Встановлює колір шрифту (RGB)
Наприклад: <FONT COLOR=”#OOCED1”>
- FACE = Гарнітура шрифту - задає ім'я (Arial, Times New Roman та ін.) шрифту (або переліку шрифтів) на комп'ютері користувача. У випадку відсутності шрифтів текст відображається шрифтом, прийнятим за замовчуванням у броузері користувача. Гарнітуру шрифту можна переглянути у папці Font (Шрифты) панелі керування Windows.
Наприклад: <FONT FACE=«Arial»>Приклад шрифту Arial</FONT>
Лекція 2. Тема: Гіпертекстові посилання. Використання в HTML -документах графіки, звуку та таблиць
2.1 Гіпертекстові посилання
HTML- документ - це документ, який містить пов'язані посилання (гіпертекстові посилання) на інші документи, котрі дозволяючи здійснювати переходи між ними за допомогою натискання вказівником мишки.
Гіпертекстове посилання складається з двох частин: вказівника і адресної частини (URL). Вказівник - текст (або графічне зображення), на якому користувач повинен клацнути для того, щоб перейти в інше місце. URL - вказує адресу, з якої броузер буде завантажувати документ, коли користувач підведе до неї вказівник і натисне кнопку мишки. Текстові вказівники, як правило, підкреслені і виділені кольором.
Щоб дізнатись, чи є елемент сторінки гіпертекстовим посиланням, слід навести на нього вказівник мишки. Якщо вказівник набере вигляду долоні, елемент є посиланням
Будь-який текст може бути гіпертекстовим вказівником в HTML, незалежно від його розмірів або використаного форматування.
Формат адресного вказівника:
<А HREF=«URL»>TЕKCT вказівника</А> - Літера А у тегу <А HREF> означає вказівник (anchor), a HREF - гіпертекстове посилання (Hypertext REFerence).
Між початковим і кінцевим тегами знаходяться текст вказівника або зображення, які є гіпертекстовим посиланням на документ (або область документа), зазначенні в полі <А HREF=”URL”>.
Можливі значення HREF:
- http://... - створює посилання на WWW -документ;
- ftp://... - створює посилання на ftp -архів або розташований на ньому файл.
Якщо тип з'єднання і адреса машини не вказані, відправною точкою є адреса поточного документа. Це дозволяє використовувати відносні посилання. Наприклад, посилання <А HREF=”docs/title.htm”>Документація</А> зроблене на файл title.htm у папці docs.
Приклад поєднання гіпертекстовими посиланнями двох файлів
1. Створити файл 1.htm наступного змісту:
<HTML>
<HEAD><TITLE>Cторінка з посиланнями</TITLE></HEAD>
<BODY>
<Н1 ALIGN=CENTER>
Приклад сторінки з гіпертекстовими посиланнями<BR>
Перший Файл</H1>
<А HREF=”2.htm”>Посилання на другий файл</А>
</BODY></HTML>
2. Створити файл 2.htm наступного змісту:
<HTML>
<HEAD><TITLE>Друга сторінка</TITLE></HEAD>
<BODY>
<НЗ ALIGN=CENTER> Друга сторінка</НЗ>
<А HREF=”l.htm”>Ha початкову сторінку</А>
</BODY></HTML>
Гіпертекстові посилання можуть існувати в межах одного документа, тобто бути внутрішніми. Цей тип посилань застосовується для зручності пересування у межах документа. Для цього необхідно задати імена тих областей документа, на які необхідно послатись.
Атрибут NAME - позначає область документа, яка знаходиться між початковим і кінцевим тегами, як можливий об'єкт для посилання. Значенням NAME може бути будь-яке слово написане латиницею, унікальне для даного документа. Наприклад:
<A NAME=«part»>Розділ1</А>.
2.2 Використання графіки та звуку
Графіка Web-сторінок може містити як прості зображення, так і складні. Важливим у використанні графіки є не міра її складності, а ефективність у питаннях передавання тієї інформації, яку необхідно надати користувачам.
Горизонтальні лінії є простим способом поділу великих текстів або виділення частини документа. Для розміщення горизонтальної лінії використовується тег <HR> (Horizontal Rule). IE підтримує різні атрибути тега <HR>, які дозволяють керувати, розміром товщиною, вирівнюванням, кольором і виглядом тіні від лінії.
Атрибути тега <HR>:
· WIDTH =pixels|percent - Дозволяє змінити розмір лінійки, задавши його в пікселях або в процентах від ширини екрана.
· ALIGH=”LEFT|RIGHT|CENTER” - Задає вирівнювання частини лінійки.
· SIZE=n - Задає товщину лінії (за замовчуванням 1).
· COLOR=”RGB” – Задає колір, яким відображається лінія.
Приклад:
<HTML>
<HEAD><TITLE >Сторінка з лініями</TITLE></HEAD>
<BODY>
<H2 ALIGN=CENTER>Текст над лінією</H2>
<HR SIZE=8 WIDTH=40% COLOR=RED>
<BR>
<P ALIGN= CENTER>Абзац під лінією</Р>
</BODY></HTML>
Графічні зображення, які демонструються на Web -сторінках, зберігаються в окремих файлах. Для вміщення зображення на сторінку використовують тег <IMG SRC=”URL”>, де URL - адреса файла, який містить графічні дані.
Розташування тексту, який йде за зображенням, і те, як зображення розташоване на сторінці, контролює атрибут ALIGN. За замовчуванням текст з'являється внизу зображення.
IE дозволяє використовувати властивості тега IMG, які надають можливість задавати значення висоти і ширини зображення за допомогою атрибутів HIGHT і WIDTH. Висота і ширина вимірюються в пікселях.
Атрибути тега <IMG>
· WIDTH =px – Встановлює ширину зображення (у пікселях).
· HIGНТ = рх – Встановлює висоту зображення (у пікселях).
· ALIGN=TOP|MIDDLE|BOTTOM|LEFT|RIGHT - Розташування тексту.
· ALT = ”коментар” – Задає коментар до картинки.
· SRC=”URL” – Задає URL картинки.
Значення атрибуту ALIGN
· ТОР - вирівнює текст по верху зображення;
· MIDDLE – вирівнює базову лінію тексту по центру зображення;
· BOTTOM – вирівнює базову лінію по низу зображення;
· LEFT – розташовує зображення ліворуч, дозволяючи тексту обтікати зображення праворуч;
· RIGHT – розташовує зображення праворуч, дозволяючи тексту обтікати зображення ліворуч.
Ефективним для розміщення зображень є застосування атрибутів тега <BR>. Використання тега <BR> в його основному варіанті у тексті, який обтікає зображення, просто розбиває рядок без переривання ефекту обтікання. Щоб перервати рядок і очистити поле праворуч або ліворуч від зображення, застосовують атрибут CLEAR.
Атрибут CLEAR тега <BR> використовується для того, щоб зупинити у зазначеній точці обтікання текстом об'єкта, а потім продовжити текст у порожній зоні за об'єктом.
Текст, який продовжується за об'єктом, вирівнюється у відповідності із значеннями LEFT, RIGHT або ALL атрибуту CLEAR:
· <BR CLEAR=LEFT> - перериває рядок і очищає ліве поле (текст буде продовжений, починаючи з найближчого порожнього лівого поля);
· <BR CLEAR=RIGHT> - перериває рядок і очищає праве поле (текст буде продовжений, починаючи з найближчого порожнього правого поля);
· <BR CLEAR=ALL> - перериває рядок і очищає обидва поля (текст буде продовжений, як тільки ліве і праве поля виявляться порожніми).
Наприклад, якщо зображення вирівняне ліворуч, а текст обтікає його праворуч, тоді необхідно очистити ліве поле, щоб якийсь інший елемент, який йде за текстом, не виявився розміщеним праворуч від зображення.
Використання звукових ефектів
IE має можливість автоматичного завантаження і програвання фонового звука у форматах wav, au, midi, якщо такі файли включені до складу Web -документа. Файл у форматі wav є стандартом звукових файлів у Windows. У цьому форматі представлені всі системні звуки Windows. Формат MIDI був розроблений для управління електронними музичними інструментами і за своєю структурою повністю відрізняється від усіх інших форматів звукових файлів.
Для фонового звука використовується тег <BGSOUND> що може мати атрибути:
· SRC=”URL” - Вказує місцезнаходження звукового файла.
· LOQP-n - Кількість повторень звука (при значенні LOOP=*INFINITE звук відтворюється протягом всього часу, поки відкритий документ).
Тег <BGSOUND> - повинен бути розташований у заголовку документа і мати такий формат:
Наприклад: <BGSOUND SRC=”URL звукового файла” LOOP=infinite>
До HTML -документа можна вставити звуковий файл у вигляді гіпертекстового посилання, при натисканні на яке завантажується звуковий файл або відбувається супровід фоновим звуком.
Дата добавления: 2014-12-20; просмотров: 117 | Поможем написать вашу работу | Нарушение авторских прав |