Помогни ни да направим Uroci.net по - богат! Добави урок

HTML урок за Tables.

Disrespect   трудност:    видян: 8504

Здравейте. Това е един урок пак от мен за Таблици ( Html ).

Като за начало, в HTML-документа те се изписват като " <table> и завръшват на </table> ", а междо

тези два тага също така се изпистват и " <tr> , </tr> " което служи за табличен ред, " <td> , </td> "  и с

тези тагове, който са за табличната клетка който помагат да се оформят и редовете, колоните.

Нека ви покажа първият пример - 1 колона и 3 реда.


<table border="1">

  <tr>
<td>1-ви ред, 1-ва колона</td>
  </tr>
   <tr>
<td>2-ри ред, 1-ва колона</td>
   </tr>
 <tr>
<td>3-ти ред, 1-ва колона</td>
   </tr>

</table>

[ Ето демо на това което трябва да се получи : http://www.prikachi.com/images/901/5237901M.png ].

След това съм решил да ви покажа и една хоризонтална таблица.

<table border="1">

   <tr>
<td>1-ви ред, 1-ва колона </td>
   <td>1-ви ред, 2-ра колона </td>
 </tr>
 <tr>
 <td>2-ри ред, 1-ва колона </td>
<td>2-ри ред, 2-ра колона </td>
   </tr>

</table>


[ Ето демо на това което трябва да се получи : http://www.prikachi.com/images/903/5237903V.png ].

Ето че за край, ще ви покажа как да направите две таблици с Заглавие като тага " <h1-5> и </h1-5> ".

Ето го и примера :

<table border="1">
     <tr>
      <th>Заглавие</th>
    <th>Заглавие 2</th>
     </tr>
     <tr>
  <td>1-ви ред, 1-ва колона</td>
   <td>1-ви ред, 2-ра колона</td>
  </tr>
 <tr>
   <td>2-ри ред, 1-ва колона</td>
   <td>2-ри ред, 2-ра колона</td>
     </tr>
</table>


[ Ето демо на това което трябва да се получи : http://www.prikachi.com/images.php?images/905/5237905E.png ].

Е, това беше от мен. Очаквайте и още уроци..



Регистрирайте се, за да добавите коментар


Калдейта ЕООД - © 2003-2010. Всички права запазени.
Препоръчваме: IT Новини