Page 23 - 4418

<h2 align=center>Границі рисунків</h2>
<img src="1.jpg" width="130" height="110" >
<img src="1.jpg" width="130" height="110" border="1">
<img src="1.jpg" width="130" height="110" border="3">
</body>

Рисунок 3.16 – Застосування границь навколо рисунків

Відповідне відображення у вікні браузера показане на рисунку 3.17.

Рисунок 3.17 – Використання границь рисунків

7. Розглянути можливість визначення альтернативного тексту в тегах рисунків. Для
цього модифікувати останній фрагмент «HTML-коду»:

<img src="1.jpg" width="130" height="110" alt="Рисунок. Границь
нема">
<img src="1.jpg" width="130" height="110" border="1" alt="Рисунок.
Товщина границь 1 піксель">
<img src="1.jpg" width="130" height="110" border="3" alt="Рисунок.
Товщина границь 3 пікселі">
</body>

Рисунок 3.18 – Застосування альтернативного тексту в тегах рисунків

Відключити показ рисунків у вікні браузеру та провести оновлення нашої
сторінки (рисунок 3.19):

Рисунок 3.19 – Відображення альтернативного тексту

8. Відновити показ рисунків в браузері та провести оновлення нашої «HTML-сторінки».
9. Розглянути можливості вертикального вирівнювання рисунків відносно тексту.
Додати «HTML-код» для визначення тексту та рисунків, вирівняних відносно
верхньої межі:
23