Читати книгу - "інформатика, Іванна Клиса"
Шрифт:
Інтервал:
Добавити в закладку:
</tr>
<tr>
<td>Саша</td>
<td>Грінченко</td>
<td>80</td>
</tr>
</table>
</body>
</html>
Зовнішній вигляд веб-сторінки та зображення. Синтаксис зображень. Атрибути. Зображення в іншій папці та на іншому сервері. Анімовані та плаваючі зображення. Таблиці.
6.7. Web-сторінки, гіперпосилання
Веб-сторінка – інформаційний ресурс, доступний у мережі World Wide Web, який можна переглянути у веб-браузері. Зазвичай ця інформація записана у форматі HTML або XHTML і може містити гіпертекст із навігаційними гіперпосиланнями на інші веб-сторінки [6, 14].
Веб-сторінки можуть об'єднуватися в сайти за допомогою гіпертексту з навігаційними гіперпосиланнями на інші сторінки. Процес створення веб-сторінки називається версткою.
Веб-сторінки можуть зберігатись на локальному комп'ютері або отримуватись із віддаленого веб-сервера. Веб-сервер може накладати обмеження на доступ до веб-сторінок, наприклад, дозволяти перегляд лише з локальної мережі (інтранет), або відкривати доступ до сторінок в мережі Інтернет. Запити на отримання та передача веб-сторінок з веб-серверів відбувається за протоколом HTTP.
Веб-сторінки можуть складатись із статичних текстових файлів, що зберігаються у файловій системі веб-сервера (статичні веб-сторінки), або веб-сервер може створювати сторінки за запитом браузера (динамічні веб-сторінки). Застосування сценаріїв на стороні клієнта після завершення завантаження сторінки може прискорювати роботу користувача з нею.
HTML посилання – це гіперпосилання.
Ви можете натиснути на посилання і перейти до іншого документу.
При наведенні миші на посилання стрілка миші перетвориться в маленьку стрілку [14].
Гіперпосилання визначаються за допомогою HTML тега <a> (від слова anchor – якір):
<a href="url">Текст посилання</a>
<a href="https: //www. w3schools. com/html/">HTML уроки для початківців онлайн</a>
<!DOCTYPE html>
<html>
<body>
<h1>HTML Посилання</h1>
<p><a href="https: //www. w3schools. com/">
Відвідайте W3Schools. com!</a></p>
</body>
</html>
Атрибут href вказує адресу призначення посилання (https://www.w3schools. com/html/).
Текст посилання є видимою частиною (HTML уроки для початківців онлайн).
Натиснувши на текст посилання, вас відправить за вказаною адресою.
Локальні посилання
У наведеному вище прикладі використовується абсолютний URL (повна веб-адреса).
Локальне посилання (посилання на той самий веб-сайт) вказується з відносним URL (без https://www....).
<a href="html_images. html">HTML Зображення</a>
<!DOCTYPE html>
<html>
<body>
<h2>Абсолютний URL</h2>
<p><a href="https: //www. w3. org/">W3C</a></p>
<p><a href="https: //www. google. com/">Google</a></p>
<h2>Відносний URL</h2>
<p><a href=".. /html/html_images. html">HTML Зображення</a></p>
<p><a href=".. /css/index. html">CSS Підручник</a></p>
</body>
</html>
HTML Кольори посилань
За замовчуванням посилання буде виглядати так (у всіх браузерах):
Невідвідуванне посилання – підкреслене і синім кольором
Відвідуванне посилання – підкреслене і фіолетовим кольором
Активне посилання – подкреслене і червоним кольором
Ви можете змінити кольори за замовчуванням, використовуючи CSS.
HTML посилання – Атрибут target
Атрибут target вказує, де відкрити пов'язаний документ [14].
Атрибут target може мати одне із наступних значень:
blank – Відкриває пов'язаний документ в новому вікні або вкладці; self – Відкриває пов'язаний документ в тому ж вікні / вкладці, в якому він був натиснутий (за замовчуванням); parent – Відкриває пов'язаний документ в батьківському фреймі; top – Відкриває пов'язаний документ в повному тілі вікна; framename – Відкриває пов'язаний документ в названому фреймі.<a href="https://www.w3schools. com/"target="_blank">Відвідайте W3Schools!</a>
!Увага!
Сайт зберігає кукі вашого браузера. Ви зможете в будь-який момент зробити закладку та продовжити читання книги «інформатика, Іванна Клиса», після закриття браузера.
