Мобильный LiveInternet Уроки HTML для начинающих: Таблица HTML

Авторизация

Дневник LoRaLaRa Лента друзей - Дневник - Полная версия

Уроки HTML для начинающих: Таблица HTML 27-09-2024 19:15 к комментариям - к полной версии - понравилось!

Это цитата сообщения БЕЛОЯР_2 Оригинальное сообщение

Уроки HTML для начинающих: Таблица HTML

Таблица HTML урок №1

Итак, в этом уроке мы будем делать таблицы из 3 ячеек.

Главная цель урока освоить 3 атрибута:

1. Каждая таблица начинается с тега

<table>

и заканчивается тегом

</table>

2. Каждая строчка начинается с тега

<TR>

и заканчивается тегом

</TR>

3. Каждая ячейка начинается с тега

<TD>

и заканчивается тегом

</TD>

Поехали!))

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

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

Столбец 1

Столбец 2

Столбец 3

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

<TR>

и закончим

</TR>

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

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

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

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

А теперь давайте приукрасим (поиграем) наши ячейки.

1. Сделаем окантовку

border=1 поменяем, например: на border=8

и добавим атрибут bgcolor=MistyRose,

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

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

Столбец 1

Столбец 2

Столбец 3

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

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

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

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

P.S. Идут по нарастающей от простого к более сложному и это 1 урок.

вверх^ к полной версии понравилось! в evernote

Вы сейчас не можете прокомментировать это сообщение.

Дневник Уроки HTML для начинающих: Таблица HTML | LoRaLaRa - Дневник LoRaLaRa | Лента друзей LoRaLaRa / Полная версия Добавить в друзья Страницы: раньше»