Temos pavadinimas: WordPress, Shopify ir PHPFusion programuotojų bendruomenė :: HTML lentelės

Parašė oRazz· 2010 Spa. 28 12:10:24
#1

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

Redagavo Creatium· 2014 Kov. 20 21:03:21