Форум поддержки пользователей ZeroParking

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Форум поддержки пользователей ZeroParking » Архив тем » Самостоятельное создание HTML таблиц. <


Самостоятельное создание HTML таблиц. <

Сообщений 1 страница 3 из 3

1

Итак, поскольку довольно часто стал получать личные просьбы от юзеров с содержанием "научи меня делать таблицы", решил написать для вас маленькое пособие.

Начнем с самого простого и основного:
Для создания таблицы служит тэг <TABLE>, как всем известно таблица состоит из строк, а строки, в свою очередь состоят из ячеек.
Для определения строк служит тэг <TR>, для создания ячеек  <TD>, <TH>.
а) Тэг <TD> - служит для создания для обыкновенных ячеек с данными.
б) Тэг <TH> - используется для создания ячеек с заголовками.
   Содержание ячеек заголовков отображается полужирным шрифтом и выравнивается по центру.

Приведу небольшой пример простейшей таблицы:

Код:
<table>
 <tr>
  <td>1</td>
  <td>2</td>
 </tr>
 <tr>
  <td>3</td>
  <td>4</td>
 </tr>
 <tr>
  <td>5</td>
  <td>6</td>
 </tr>
</table>

Отображаться в браузере это будет следующим образом:
http://i002.radikal.ru/0911/9b/7d1509ffd06a.png

Обрамление таблицы:
border="" атрибут тега <TABLE> - служит для чтобы сделать видимой границы таблицы.
Определяя рамку таблицы, надо указать толщину ее внешних линий в пикселях. Чтобы задать толщину разграничивающих линий внутри таблицы, необходимо воспользоваться атрибутом CELLSPACING.
Чтобы изменить цвет рамки надо применить атрибут BORDERCOLOR.

Пример:

Код:
<table border="2" cellspacing="5" bordercolor="#0ff00f">
 <tr>
  <td>1</td>
  <td>2</td>
 </tr>
 <tr>
  <td>3</td>
  <td>4</td>
 </tr>
 <tr>
  <td>5</td>
  <td>6</td>
 </tr>
</table>

Отображаться будет следующим образом:
http://i052.radikal.ru/0911/e0/d9813223ead6.png

Заголовок таблицы
Для создания заголовка таблицы служит тэг <CAPTION>.
По умолчанию браузер располагает заголовок таблицы по центру над ней. При помощи атрибута ALIGN со значением bottom можно разместить заголовок под таблицей.
Следует сказать, что стандарт HTML не позволяет ставить одной таблице несколько заголовков.

Пример:

Код:
<table border="2" cellspacing="5" bordercolor="#0ff00f">
<caption> Заголовок таблицы </caption>
 <tr>
  <td>1</td>
  <td>2</td>
 </tr>
 <tr>
  <td>3</td>
  <td>4</td>
 </tr>
 <tr>
  <td>5</td>
  <td>6</td>
 </tr>
</table>

Отображение:
http://i065.radikal.ru/0911/09/961ca0f328b6.png

Вот собственно и всё что вам нужно знать для создания элементарных таблиц с использованием языка HTML, думаю не нужно говорить, что для создания более сложных таблиц нужно знать язык HTML.

Если есть желание, время и стремление то читаем эту тему, или учебник информатики класс 8-10 точно не помню.

0

2

FAQ по созданию таблиц

Kanabis877 между прочем вы модератор, а сами дублируете уже существующие темы!

0

3

Dimitra, сильно извиняюсь просто не знал, что есть подобная тема, если поступают подобные просьбы.
Немедленно отправлю её в мусорку :)

0


Вы здесь » Форум поддержки пользователей ZeroParking » Архив тем » Самостоятельное создание HTML таблиц. <


Рейтинг форумов | Создать форум бесплатно