Мобильный LiveInternet Уроки HTML для начинающих: Таблица HTML | ЗИТТА - А ведь ты тоже был когда-то «чайник»! Дневник Зитта |

Авторизация

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

Уроки HTML для начинающих: Таблица HTML 26-02-2026 05:22 к комментариям - к полной версии - понравилось!

Это цитата сообщения БЕЛОЯР_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

(N1) P.S. Идут по нарастающей от простого к более сложному и это 1 урок, а будет их 8. Почему их решил сделать - у многих на ли.ру смотрел, как делать таблицы и у всех скомкано, нет объяснения, поэтому пришёл к пониманию, что новичку очень сложно понять, а тем более научиться их делать.

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

Комментарии (1):

БЕЛОЯР_2 26-02-2026-10:52 удалить

Обратиться - Ответить - К полной версии

Комментарии (1): вверх^

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

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