Таблица HTML(урокN1)

Уроки HTML для начинающих.
Таблица HTML (урокN1)

Итак, в этом уроке мы будем делать таблицы из 3 ячеек.
Главная цель урока освоить 3 атрибута:
1. Каждая таблица начинается с тега <TABLE> и заканчивается тегом </TABLE>

---

2. Каждая строчка начинается с тега <TR> и заканчивается тегом </TR>

---

3. Каждая ячейка начинается с тега <TD> и заканчивается тегом </TD>

---

Поехали!))

---

<table border=1>
 <tr>     
  <td> Столбец 1 </td>      
  <td> Столбец 2 </td>      
  <td> Столбец 3 </td>    
 </tr>
</table>

И вот результат:

Столбец 1

Столбец 2

Столбец 3

---

А сейчас добавим ещё одну строчку.Для этого добавляем тег <TR> и закончим </TR>

<table border=1>
 <tr>     
  <td> Столбец 1 </td>      
  <td> Столбец 2 </td>      
  <td> Столбец 3 </td>    
 </tr>
 <tr>     
  <td> Столбец 1 </td>      
  <td> Столбец 2 </td>      
  <td> Столбец 3 </td>    
 </tr>
</table>

И вот результат:

Столбец 1	Столбец 2	Столбец 3
Столбец 1	Столбец 2	Столбец 3

Tаким образом можно добавлять столько, сколько Вам нужно строчек.

---

А теперь давайте приукрасим(поиграем) наши ячейки.
1.Сделаем окантовку-
border=1 поменяем, например: на border=8
и добавим атрибут bgcolor=MistyRose,
все цвета интернетаЗДЕСЬ

<table border=8 bgcolor=MistyRose>
 <tr>     
  <td> Столбец 1 </td>      
  <td> Столбец 2 </td>      
  <td> Столбец 3 </td>    
 </tr>
</table>

И вот результат:

Столбец 1

Столбец 2

Столбец 3

или,ещё пример:

<table border=5 bgcolor=PaleGreen> 
<tr>     
  <td> Столбец 1 </td>      
  <td> Столбец 2 </td>      
  <td> Столбец 3 </td>    
 </tr>
 <tr>     
  <td> Столбец 1 </td>      
  <td> Столбец 2 </td>      
  <td> Столбец 3 </td>    
 </tr>
</table>

И вот результат:

Столбец 1	Столбец 2	Столбец 3
Столбец 1	Столбец 2	Столбец 3

---

На этом 1 урок заканчуется))Что не понятно пишите,будем разбераться вместе.




Понравился пост - добавь в закладки, чтобы не потерять:

Похожие по тематике посты - еще почитать:

.