Parašė shit- 2010 vasario 19 19:26:37

---

Pateiksiu čia paaiškinimus ir kaip pačiam sukurti lentelę.


1. Pradedant kurti lentelę visą laiką naudosime <table>
Uždarysime su </table>

Žinoma dar papildomai galime nurodyti:
- width (ilgį)
- height (aukštį)
- border (rėmai aplink lentelę)
- cellpadding; cellspacing (tarpai tarp lentelės eilučių)
Yra ir daugiau, tačiau kol kas panaudosime šituos.

2. Taigi pradėkime kurti paprastą lentelę, tarkim bus TOP 5 lentelė.

Pirmiausiai kaip sakiau turime panaudoti <table>, taigi:

<table width="500" height="500" border="1">

Nurodėme ilgi 500, aukštį 500, bei rėmelį 1storio.
Taigi, keliaujam toliau, turime atidaryti naują eilutę su tag'u: <tr>

Truputi apie tag'ą, čia yra perėjimas į naują eilutę, po <tr> tag'o naudosime <td>
Dabar pavizdys:

<table>
<tr>
<td>test</td>
<td>test1</td>
</tr>
</table>


Rezultatas:

test test1


Tačiau jeigu panaudotume šitaip:

<table>
<tr>
<td>test</td>
</tr>
<tr>
<td>test1</td>
</tr>
</table>


Rezultatas būtu toks:

test
test1


Kaip supratote tai yra tas pats kas <br>.
Tagi teskime toliau.


Mūsų kodas jau atrodo šitaip:

<table width="500" height="500" border="1">
<tr>

Pridedam <td>, bei tekstą.

<table width="500" height="500" border="1">
<tr>
<td height="20" bgcolor="red">TOP 5</td><td height="20" bgcolor="blue">KODĖL:</td>
</tr>

Kaip matote pridėjau:
- bgcolor (spalva stulpelio)
- height (aukštis stulpelio)

Ir baigiau pirmąją eilutę </tr>.
Tesiam toliau.


<table width="500" height="500" border="1">
<tr>
<td height="20" bgcolor="red">TOP 5</td><td height="20" bgcolor="blue">KODĖL:</td>
</tr>
<tr>
<td height="20">Ramunas</td><td align="center">Straipsniai</td>
</tr>
</table>

Taigi dabar pridėjome pirmajį vardą, bei priežastį.

Panaudojome papildomai:
- align (teksto vieta lentelėje, šiuo atveju centre)



REZULTATĄ GATUME:

TOP 5 KODĖL:
Ramunas Straipsniai



Yra klausimų? Klauskite.
Čia šiaip lengviausias būdas dar yra pilna visokių tag'ų kuriuos tikrai išmoksite patys, svarbu turėti kantrybės ir noro.
Pamoką kūrė BeeT.

---

10 Komentarai · 2032 Skaityta ·

Prisijunkite, norėdami parašyti komentarą.

---