HTML lentelės

Sausio 9, 2011

Sveiki, šiandien parodysiu pamoką kaip susikurti HTML lenteles. Pradedam:

Atsidarome „Notepad“ programą ir rašome viską ką aš čia parašysiu, vėliau paaiškinsiu kai tai reiškia:

<html>
<head>
<title>Svetainės pavadinimas</title>
</head>
<body>

<table border='1'>

<tr>
<th>Viršutinis langelis kairėje</th>
<th>Viršutinis langelis viduryje</th>
<th>Viršutinis langelis dišinėje</th>
</tr>

<tr>
<td>Vidurinis langelis kairėje</td>
<td>Vidurinis langelis viduryje</td>
<td>Vidurinis langelis dišinėje</td>
</tr>

<tr>
<td>Apatinis langelis kairėje</td>
<td>Apatinis langelis viduryje</td>
<td>Apatinis langelis dišinėje</td>
</tr>

</body>

</html>

Taigi dabar viską išamiai paaiškinsiu:

<html> - Nurodo, kad tai prasideda HTML dokumentas

<head> - Nurodo, kad prasideda svetainės pavadinimai ir t.t. kurie nesimato pačiame puslapyje.

<title>Svetainės pavadinimas</title> - Nurodo svetainės pavadinimą <title> Prasideda </title> Baigiasi

</head> - Nurodo, kad baigiasi svetainės pavadinimai ir t.t. kurie nesimato pačiame puslapyje.

<body> - Nurodo, kad prasideda puslapis kuriame bus visa jūsų parašyta informacija.

<table border='1'> - Nurodo, kad prasideda lentelių kūrimas. Galima rašyti ir be border='1', bet tada neapibrėž lentelės ir bus snkiai susigaudyti. Vietoj 1 galima rašyti ir didesnį skaičių, tada pastorins apibrėžimą.

<tr> - Nurodo, kad prasideda pirma eilutė.

<th>Viršutinis langelis kairėje</th> - Nurodo, kad prasideda pirmoje eilutėje pirmas langelis. <th> Prasideda </th> baigiasi.

<th>Viršutinis langelis viduryje</th> - Nurodo, kad prasideda pirmoje eilutėje antras langelis. <th> Prasideda </th> baigiasi.

<th>Viršutinis langelis dišinėje</th> - Nurodo, kad prasideda pirmoje eilutėje trečias langelis. <th> Prasideda </th> baigiasi.

</tr> Nurodo, kad baigiasi pirma eilutė.

<tr> - Nurodo, kad prasideda antra eilutė (tik šiuo atveju)

<td>Vidurinis langelis kairėje</td> - Nurodo, kad prasideda antroje eilutėje pirmas langelis. <td> Prasideda </td> baigiasi.

<td>Vidurinis langelis viduryje</td> - Nurodo, kad prasideda antroje eilutėje antras langelis. <td> Prasideda </td> baigiasi.

<td>Vidurinis langelis dišinėje</td> - Nurodo, kad prasideda antroje eilutėje trečias langelis. <td> Prasideda </td> baigiasi.

</tr> - Nurodo, kad baigiasi antra eilutė (tik šiuo atveju)

<tr> - Nurodo, kad prasideda 3 eilutė (tik šiuo atveju)

<td>Apatinis langelis kairėje</td> - Nurodo, kad prasideda trečioje eilutėje pirmas langelis. <td> Prasideda </td> baigiasi.

<td>Apatinis langelis viduryje</td> - Nurodo, kad prasideda trečioje eilutėje antras langelis. <td> Prasideda </td> baigiasi.

<td>Apatinis langelis dišinėje</td> - Nurodo, kad prasideda trčioje eilutėje trečias langelis. <td> Prasideda </td> baigiasi.

</tr> - Nurodo, kad baigiasi 3 eilutė (tik šiuo atveju)

</body> - Nurodo, kad baigiasi puslapis kuriame bus visa jūsų parašyta informacija.

</html> - Nurodo, kad tai baigiasi HTML dokumentas.

Pirmoje eilutėje dariau su <th></th>, o kitose su <td></td> Tai reiškia jog <th></th> Paryškina tekstą, o <td></td> neparyškina, čia <th></th> kaip ir pavadinimas.

Sėkmės darbuose :)

Pamoka parašė: oRazz

Šaltinis: http://www.diskusijos.net

Draudžiama kopijuoti neparašant šaltinio!

Sausio 11, 2011

Na, jei jau rašai pamoką apie tokį dalyką kaip HTML lenteles, tai bent jau galėjai labiau tuo pasidomėti ir aprašyti viską išsamiau (kaip veikia colspan rowspan ir t.t.).

Žmonės nėra kvaili, jiems tik reikia parodyti reikiamą kryptį, tad užtenka parašyti koks tagas ką daro ir kaip jis yra naudojamas kitų tagų atžvilgiu, o neatpasakoti visą lentelės struktūrą.

Prisijungti

HTML lentelės

Rekomenduojami pranešimai

oRazz 0

Nuoroda į pranešimą

Dalintis kituose puslapiuose

Flow 146

Nuoroda į pranešimą

Dalintis kituose puslapiuose

Prisijunkite prie diskusijos

Dabar naršo 0 narių

Prisijunk prie bendruomenės dabar!

Naujausios temos

Karštos temos

Veiklos srautas

Skelbimai