#!/usr/local/bin/php

<?
$lewo = "5.php";
$prawo = "7.php";
include "naglowek.inc";
?>
<h4>Ukladanie tekstu</h4>
Aby nadac dokumentowi pozadana strukture uzywamy takich elementów HTML jak wypunktowania i tabelki.<br>
<br>
<a name="61" class="kotwica">Wypunktowanie</a><br><br>
Podstawowy podzial wypunktowan, to podzial na uporzadkowane i nieuporzadkowane. Te pierwsze wprowadzamy
znacznikiem &lt;OL&gt;&lt;/OL&gt;, a drugie &lt;UL&gt;&lt;/UL&gt;. Oba te znaczniki przyjmuja parametr
TYPE, z tym, ze rozne sa dla nich jego wartosci. Przykladowe wartosci dla OL to: 1, A, a, i, I. Dla
UL moga to byc: disc, circle, square.<br>
Elementy listy wprowadzamy w obu przypadkach za pomoca &lt;LI&gt;&lt;/LI&gt;.<br>
Oba te rodzaje list moga byc dowolnie zagniezdzane.<br>
Ponizej przyklad listy stworzonej przez kod:<br>
&lt;ol type="1"&gt;<br>
&lt;li&gt;punkt 1&lt;/li&gt;<br>
&lt;ol type="a"&gt;<br>
&lt;li&gt;punkt a&lt;/li&gt;<br>
&lt;li&gt;punkt b&lt;/li&gt;<br>
&lt;/ol&gt;<br>
&lt;li&gt;punkt 2&lt;/li&gt;<br>
&lt;ul type="circle"&gt;<br>
&lt;li&gt;punkt&lt;/li&gt;<br>
&lt;li&gt;punkt&lt;/li&gt;<br>
&lt;ol type="i"&gt;<br>
&lt;li&gt;podpunkt 1&lt;/li&gt;<br>
&lt;li&gt;podpunkt 2&lt;/li&gt;<br>
&lt;/ol&gt;<br>
&lt;li&gt;punkt&lt;/li&gt;<br>
&lt;/ul&gt;<br>
&lt;li&gt;punkt 3&lt;/li&gt;<br>
&lt;li&gt;punkt 4&lt;/li&gt;<br>
&lt;/ol&gt;<br>
<br>
<ol type="1">
<li>punkt 1</li>
<ol type="a">
<li>punkt a</li>
<li>punkt b</li>
</ol>
<li>punkt 2</li>
<ul type="circle">
<li>punkt</li>
<li>punkt</li>
<ol type="i">
<li>podpunkt 1</li>
<li>podpunkt 2</li>
</ol>
<li>punkt</li>
</ul>
<li>punkt 3</li>
<li>punkt 4</li>
</ol>
<br>
<a name="62" class="kotwica">Tabele</a><br><br>
Tabele sa jednym z najwazniejszych, jesli nie najwazniejszym, z narzedzi sluzacych do ukladania strony.
Daja one kontrole nad ulozeniem elementow wzgledem siebie.<br>
Tabele tworzymy znacznikiem &lt;TABLE&gt;&lt;/TABLE&gt;. Tabele dzielimy na wiersze oznaczajac je:
&lt;TR&gt;&lt;/TR&gt;, a te z kolei na komorki: &lt;TD&gt;&lt;/TD&gt;. Dopiero w komórkach umieszczamy
wlasciwe dane.<br>
Standardowa definicja prostej tabeli moze wygladac tak:<br>
&lt;table&gt;<br>
&lt;tr&gt;<br>
&lt;td&gt;1&lt;/td&gt;<br>
&lt;td&gt;2&lt;/td&gt;<br>
&lt;/tr&gt;<br>
&lt;tr&gt;<br>
&lt;td&gt;3&lt;/td&gt;<br>
&lt;td&gt;4&lt;/td&gt;<br>
&lt;/tr&gt;<br>
&lt;/table&gt;<br>
<br>
co daje nam:<br>
<table>
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
</table>
<br>
Znacznik TABLE posiada szereg parametrow, z których najczesciej stosowane to:<br>
<ul>
<li>BORDER="i" - definiujacy grubosc ramki tabeli (w szczegolnosci 0)<br>
<table border=5>
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
</table>
</li>
<li>CELLPADDING="i" - marginesy wewnatrz komorek<br>
<table border=1 cellpadding=20>
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
</table>
</li>
<li>CELLSPACING="i" - przestrzenie pomiedzy komórkami<br>
<table border=1 cellspacing=20>
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
</table>
</li>
<li>ALIGN="i" - okreslajacy polozenie calej tabeli<br>
<table border=1 align="center">
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
</table>
</li>
<li>WIDTH i HEIGHT - okreslajace rozmiary calej tabeli<br>
<table border=1 width=200 height=200>
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
</table>
</li>
</ul>
<br><br>
Wszystkie znaczniki tabeli (TABLE, TR, TD) przyjmuja parametr BGCOLOR="kolor", ktory pozwala okreslic
kolor tla odpowiedniego elementu.<br><br>
Obiekty wewnatrz komorki mozna rozmieszczac przy pomocy parametrow znacznika TD: ALIGN i VALIGN, ktore
okreslaja odpowiednio polozenie w poziomie i pionie, np.:<br>
<table border=1 width=200 height=100>
<tr>
<td align="right" valign="top">1</td>
<td align="center" valign="bottom">2</td>
</tr>
</table>
<br>
Komorki tabeli mozna scalac ze soba znacznikow COLSPAN i ROWSPAN , które definiuja na ile kolumn/wierszy
rozciagac sie ma komorka.<br>
<table border=1>
<tr>
<td colspan=2>2x1</td>
<td>1x1</td>
<td>1x1</td>
</tr>
<tr>
<td rowspan=2>1x2</td>
<td>1x1</td>
<td>1x1</td>
<td>1x1</td>
</tr>
<tr>
<td>1x1</td>
<td rowspan=2 colspan=2>2x2</td>
</tr>
<tr>
<td>1x1</td>
<td>1x1</td>
</tr>
</table>
<br>
Tabelki oczywiscie mozna w sobie dowolnie zagniezdzac.
<?
include "stopka.inc";
?>