Page 27 - 4418
P. 27
11. Розглянути можливості відокремлення тексту від рисунків за рахунок визначення
горизонтальних та вертикальних відступів. Для цього додати «HTML-код»:
<body>
<h2 align="center">Відокремлення рисунків від тексту</h2>
<img src="1.jpg" width="130" height="110" border="3" hspace="20"
vspace="20" align="top" alt="Вага">
Відстань до тексту 20 пікселів
<br>
<img src="1.jpg" width="130" height="110" border="3" hspace="1"
vspace="1" align="top" alt="Вага">
Відстань до тексту 1 піксель
</body>
Рисунок 3.29 – Визначення горизонтальних та вертикальних відступів
Відповідне вікно браузера показане на рисунок 3.30:
Рисунок 3.30 – Відокремлення тексту від рисунків за рахунок відступів
12. Додамо «HTML-код» для визначення альтернативного зображення:
<body>
<h2>Використання мініатюр</h2>
<img src="1.jpg" lowsrc="1a.gif" width="130" height="110"
border="3" alt="Вага" >
</body>
Рисунок 3.31 – Визначення альтернативного зображення
13. Розглянути можливість використання на сайтах відео-зображень. Для цього
необхідно в папку «HTML» вставити файл з відео, наприклад «CLOCK.AVI» та додати
в файл «picture.html» «HTML-код»:
<body>
<h2>Використання відеозображень</h2>
<img width="100" height="100" border="2"
dynsrc="CLOCK.AVI">
</body>
Рисунок 3.32 – Елемент використання відеозображень
Миттєвий знімок перегляду відео з файлу показано на рисунок 3.33:
27
