Карти-зображення

Карти-зображення дозволяють прив’язувати посилання до різних областей одного зображення. Реалізується у двох різних варіантах – серверному та клієнтському. У разі застосування серверного варіанту браузер надсилає запит на сервер для отримання адреси вибраного посилання та чекає на відповідь з необхідною інформацією. Такий підхід потребує додаткового часу на очікування результату та окремі файли для кожної картки-зображення. У …

Зображення в якості посилання

Крім тексту, як посилань можна використовувати і малюнки. Зображення в цьому випадку треба помістити між тегами <a>і </a>, як показано в прикладі 1. Приклад 1. Створення малюнка-посилання Атрибут href тега <a> задає шлях до документа, на який вказує посилання, а src тега <img> – шлях до графічного файлу. Навколо зображення-посилання автоматично додається рамка товщиною один …

Конвертер валют

1.1 Створити скрипт, який порахує скільки всього гривень знадобиться на поїздку. Курси валют вказані в змінних euroRate і dollarRate. Змінні euroAmount і dollarAmount – необхідні суми на поїздку. Створи змінну UAHAmount і записуй в неї результат обчислень. var euroRate = 74; var dollarRate = 63; var euroAmount = 500; var dollarAmount = 2500;

Посилання без підкреслення

Засобами тегів HTML прибрати підкреслення у посилань не є можливим. Тому для цієї мети використовуються каскадні таблиці стилів (Cascading Style Sheets, CSS). Одне з найбільш популярних застосувань CSS для посилань – прибирання у них підкреслення. З позиції юзабіліті не зовсім вірне рішення, оскільки користувач може відразу не здогадатися, що текст, який він бачить, є посиланням. …

Як запустити JavaScript

Написати і запустити JavaScript можна двома способами: перший полягає в тому, що ми пишемо код прямо на HTML сторінці всередині тега <script> <!DOCTYPE html> <html> <head> <meta charset=”utf-8″> <title>Це заголовок сторінки</title> <script> var name = ‘Світ’; alert(‘Привіт, ‘+name); </script> </head> <body> Це основний вміст сторінки </body> </html> Тег <script> можна розташовувати в будь-якому місці сторінки …

Атрибут target

За замовчуванням, при переході за посиланням документ відкривається в поточному вікні або фреймі. При необхідності, ця умова може бути змінено атрибутом target тега <a>. Цей атрибут може набувати таких значень: _blank – завантажує сторінку в нове вікно браузера; _self – завантажує сторінку в поточне вікно; _parent – завантажує сторінку у батьківський фрейм; _top – скасовує …

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

За допомогою HTML можна задавати кольори всіх посилань на сторінці, а також змінювати кольори для окремих посилань. Завдання кольору всіх посилань на сторінці Кольори посилань задаються як атрибути тега. Атрибути є необов’язковими і якщо вони не вказані використовуються значення за замовчуванням. link – визначає колір посилань на веб-сторінці (колір за замовчуванням синій, # 0000FF). alink …

Як зробити посилання

Для створення посилання необхідно повідомити браузеру, що є посиланням, а також вказати адресу документа, на який слід зробити посилання. Обидві дії виконуються за допомогою тега <a>, Який має єдиний обов’язковий атрибут href. У якості значення використовується адреса документа (URL). Адреса посилання може бути абсолютним і відносним. Абсолютні адреси працюють скрізь і всюди незалежно від імені …

Форматування тексту

Форматування тексту – засоби його зміни, такі як вибір стилю шрифту і використання ефектів, що дозволяють змінювати вигляд тексту. У табл. 1 записані основні теги, які застосовуються для зміни оформлення тексту. Табл. 1. Теги для форматирования текста Код HTML Опис Приклад <b>Текст</b> Жирне накреслення тексту Текст <i>Текст</i> Курсивне накреслення тексту Текст <sup>Текст</sup> Верхній індекс e=mc2 …

Розмір тексту

Для зміни розміру тексту існує кілька можливостей – це використання заголовків <h1>, …, <h6>, тегів <big> і <small>. У табл. 1 перераховані основні варіанти з описом і прикладом. Табл. 1. Теги для зміни розміру тексту Код HTML Опис Приклад <big>Текст</big> Збільшує розмір шрифту Текст <small>Текст</small> Зменшує розмір шрифту Текст <h1>Текст</h1> Пише текст у вигляді великого …