Подстрочные и надстрочные индексы.
Пример:
<html><head><title> Пример </title></head>
<table border="1">
<tr>
<td WIDTH="30%">E=MC
<FONT STYLE="vertical-align:super">2.</FONT><br>
Надстрочный индекс. </td></tr>
<tr>
<td WIDTH="30%">
H<FONT STYLE="vertical-align:sub">2</FONT>O<br>
Подстрочный индекс.
</td></tr>
</table></html>
Результат исполнения кода на рисунке 5.7.
Рисунок 5.7 - Пример оформления индексов
8. Обтекание
Для регулирования взаимного расположения изображений и текста в документе предлагаются два метода. Первый-floating, т.е. собственно обтекание. Синтаксис:
{float: значение}
Предлагается два значения: left, с помощью которого изображение располагается слева от текста и right, с помощью которого изображение располагается справа от текста. При этом необходимо учесть, что положение текста на странице, его выравнивание, как горизонтальное, так и вертикальное свойством floating не регулируется.
Пример:
<html><head><title> Пример </title></head>
<table WIDTH="100%">
<tr>
<td SRC="adrov1.jpg" STYLE="float:left" HEIGHT="50">Пример.<br> Картинка слева от текста.<br></td></tr>
<tr>
<td SRC="adrov1.jpg" STYLE="float:right" HEIGHT="50">Пример.<br> Картинка справа от текста.<br> </td></tr>
</table></html>
Вторым, регулирующим взаимное расположение текста и изображений методом является очистка. Ее синтаксис:
{clear: значение}
Варианты значений аналогичны вариантам свойства float. Очистка используется только совместно с обтеканием.
Пример:
<html><head>
<title> Пример </title></head>
<table WIDTH="100%">
<tr>
<td SRC="adr1.jpg" style="float:left" HEIGHT="50">Пример.<br style="clear:left">очистки </td></tr>
<tr>
<td SRC="adr1.jpg" STYLE="float:right" HEIGHT="50">Пример.<br style="clear:right">очистки</td></tr>
</table></html>
Контрольные вопросы.
1. Какое свойство используется для назначения стиля оформления текста (под чертой, над чертой, зачеркнутый, подчеркнутый)? Перечислите основные значения свойства.
2. Какое свойство используется для назначения индексов (надстрочный и подстрочный)? Перечислите значения свойства.
3. Перечислите виды выравнивания текста и изображений, а так же возможные значения.