Додавання до зображення альтернативного тексту досягається за допомогою атрибута alt
Гіперпосилання
Загальні положення
Гіперпосилання – це особливим чином виділений на WEB-сторінці елемент тексту, малюнок, діаграма або будь-яке графічне зображення, що забезпечує перехід до об’єкту, що розташований в межах поточної сторінки, або сторінки, що розміщена в іншому HTML-документу. Вибраний елемент зв’язується з об’єктом за допомогою URL-адреси (абсолютної або відносної), яка формується розробником WEB-сторінки під час побудови гіперпосилання.
Абсолютна URL-адреса використовується тоді, коли необхідно звернутися до інших WEB-сайтів. Запис такої адреси починається з вказівки протокола і продовжується адресою Web-вузла (http://www.kmu.gov.ua/control/).
Відносна URL-адреса використовується тоді, коли здійснюється посилання на WEB-сторінки власного сайту (http://lbi.wubn.net/new/ faculties/bs/dekan/).
Технологія формування різноманітних гіперпосилань
Гіперпосилання створюється для переходу на певне місце поточної або іншої WEB-сторінки. Для формування гіперпосилання на текстовий об’єкт використовують в межах певного абзацу парний дескриптор <a> з обов’язковим атрибутом href, якому присвоюється URL-адреса джерела інформації. Приклад коду HTML-документу, що містить гіперпосилання наведений на рис. 10.
Рис. 10. Код HTML-документу, що містить гіперпосилання
На рис. 11 наведений результат роботи коду HTML-документу, що містить гіперпосилання.
Рис. 11. Зразок HTML-документу з гіперпосиланням (по замовчуванню гіперпосилання підкреслюється і виділяється кольором)
|
|
<html>
<head>
<title> Гіперпосилання </title>
</head>
<body>
<p> В Інтернеті розташована велика кількість сайтів. Ви можете переглянути перелік деяких з них, <br>
якщо активізуєте це посилання <a href = "http://www.sta.gov.ua"> Сайти України </a> </p>
</body>
</html>
Створення об'єкта рухомого рядка
Дескриптор <marquee> (макі) дозволяє створити об'єкт рухомого рядка
Дескриптор <marquee> має такі атрибути:
Behavior (біхайв) – визначає поведінку рядка тексту в процесі її руху по екрані:
Значення slide передбачає появу рядка з однієї сторони вікна і зупинитися у протилежної сторони
<html>
<head>
<title>Приклади застосування дескрипторів</title>
</head>
<body>
<h2 style="color:blue"> <i><MARQUEE behavior = "slide">Вітаю Вас на моїй персональній сторінці!</MARQUEE></i><br /></h2>
</body>
</html>
Loop – визначає кількість циклів руху
<html>
<head>
<title>Приклади застосування дескрипторів</title>
</head>
<body>
<h2 style="color:blue"> <i><MARQUEE loop="2">Вітаю Вас на моїй персональній сторінці!</MARQUEE></i><br /></h2>
|
|
</body>
</html>
Вставка графічних зображень
Щоб додати на Веб-сторінку будь-яке графічне зображення, використовують дескриптор <img scr => (source), який вказує ім'я файлу з потрібним зображенням і назву папки, в якій він зберігається.
Розмір зображення визначається значеннями атрибутів height і width в пікселях
<html>
<head>
<title>Приклади застосування дескрипторів</title>
</head>
<body>
<h2 style="color:blue"> <i><MARQUEE loop="2">Вітаю Вас на моїй персональній сторінці!</MARQUEE></i></h2>
<h2> <img src="dsc02797.jpg" height="150"
</body>
</html>
У документах для створення рамки навколо зображення передбачено використання атрибута border (боде)
<html>
<head>
<title>Приклади застосування дескрипторів</title>
</head>
<body>
<h2 style="color:blue"> <i><MARQUEE loop="2">Вітаю Вас на моїй персональній сторінці!</MARQUEE></i></h2>
<h2> <img src="dsc02797.jpg" height="150" style="border-style:solid" ></h2>
</body>
</html>
Додавання до зображення альтернативного тексту досягається за допомогою атрибута alt
|
|
<html>
<head>
<title>Приклади застосування дескрипторів</title>
</head>
<body>
<h2 style="color:blue"> <i><MARQUEE loop="2">Вітаю Вас на моїй персональній сторінці!</MARQUEE></i></h2>
<h2> <img src="dsc02797.jpg" height="150" alt="Королева Марго"></h2>
</body>
</html>
Дата добавления: 2018-02-18; просмотров: 125; Мы поможем в написании вашей работы! |
Мы поможем в написании ваших работ!