Page 25 - 4418
P. 25
<body>
<h3> Вирівнювання рисунків відносно середини рядка </h3>
<p>
<img src="1.jpg" width="130" height="110" border="3" alt="Вага">
<img src="1.jpg" width="65" height="55" border="3" alt="Вага"
align="middle">
По базовій лінії рядка
</p>
<p>
<img src="1.jpg" width="130" height="110" border="3" alt="Вага">
<img src="1.jpg" width="65" height="55" border="3" alt="Вага"
align="absmiddle">
По середині рядка
</p>
</body>
Рисунок 3.23 – HTML-код для визначення тексту та рисунків, вирівняних відносно
середини рядка
Відповідне вікно браузера показане на рисунку 3.24:
Рисунок 3.24 – Вирівнювання рисунків відносно середини рядка
Додати «HTML-код» для визначення тексту та рисунків, вирівняних відносно
нижньої межі:
<body>
<h3 align=center> Вирівнювання рисунків відносно нижнього краю
рядка </h3>
<p>
<img src="1.jpg" width="130" height="110" border="3"
alt="Вага">
<img src="1.jpg" width="65" height="55" border="3" alt="Вага"
align="bottom">
Вирівнювання рисунків по базовій лінії рядка
</p>
<p>
<img src="1.jpg" width="130" height="110" border="3"
alt="Вага">
<img src="1.jpg" width="65" height="55" border="3" alt="Вага"
align="absbottom">
Вирівнювання рисунків по нижній межі рядка
</p>
</body>
Рисунок 3.25 – «HTML-код» для визначення тексту та рисунків, вирівняних відносно
нижньої межі
25
