Интернет технологии - курс за самообучение

Използване на таблици за подредба на страници

Таблиците се използват при създаването на ефектни и приятни Web страници. Те са много необходими, защото позволяват да се фиксират местата на текстове и картинки. По този начин, когато някой посетител реши да прочете информацията и неговия монитор е различен от вашия, текстът няма да се размести, за да заеме новото пространство. Той ще изглежда така както вие сте го създали и подредили.

Таблиците дефинират области в Web страницата. Добре е текста да се разполага в клетки, за да се ограничи дължината на реда (най-добре да има от десет до дванадесет думи) и да се позиционират елементите в страницата. Когато информацията, която представяте съдържа и картинки или списъци, трябва да се процедира по същия начин. Просто се заграждат различните елементи с тага <td> и </td>.

Таблиците със своите клетки, редове и тагове ви предпазват от хаоса, който може да настъпи.

Пример:

<table border=”2” align=”left” width=”75%” cellspacing=”7”>
<tr valign=”top”>
<td width=”30%”>

Понятие 1

</td>
<td>

В тази клетка може да дефинирате понятието или просто да разделите текста в страницата на две или повече колони

</td>
</tr>
<tr valign=”top”>
<td>

Понятие 2

</td>
<td>

Може да използвате атрибутите на таговете на таблицата, за да сложите например по-голямо разстояние между клетките

</td>
</tr>
<tr valign="top">
<td>

Понятие 3

</td>
<td>

Може да използвате тага

FONT

за да смените шрифта, размера му и цвета му в клетката

</td>
</tr>
<tr valign="top">
<td>

<a href="http://www.dsiegel.com/dine/" target="_blank"></a>
Понятие 4
</A>
</td>
<td>

Може да използвате тага

<A HREF="#">ЛИНК</A>

за да поставяте линкове в страницата. Пример 4 е линк към сайт, за създаването на който са използвани таблици

</td>
</tr>
</table>