|Web Учебник | Самоучитель по CSS | Самоучитель по PHP + MySql |Основы PhotoShop |Контакты. |

Введение в html-таблицы .

Таблицы в HTML играют одну из ключевых ролей на странице. Возможно вы понимаете слово "ТАБЛИЦЫ" как данные для базы данных, на пример EXEL, но в ХТМЛ таблицы играют совсем другую роль.

HTML-таблицы позволяют веб-мастерам упорядочивать текст, форматировать: текст, изображения, ссылки, формы, поля форм, вложенные таблицы и т.д. - в ряды и ячейки(столбцы).

Введение в html-таблицы. Таблица в хтмл-файл вводится тегом контейнером <table> ряды и ячейки </table>

Любая таблица содержит в себе один или более рядов(table rows), каждый ряд вставляется в таблицу тегом контейнером <tr>

Любой ряд в таблице содержит одну или более ячейку(столбец). Ячейки в ряды вставляются при помощи тегов:
<th> (table headers) предназначен для ввода на экран заголовков!!!
<td> (table data) предназначен для вывода на экран данных. Если не знаете какой из этих тегов использовать, то используйте td, в эти ячейки можно помещать как данные так и заголовки.

Создадим таблицу:
    <table>
      <tr>
         <td> первый ряд, первая ячейка
         <td> первый ряд, вторая ячейка
      <tr>
         <td> второй ряд, первая ячейка
         <td> второй ряд, вторая ячейка
    </table>

Создадим вторую таблицу:
    <table>
      <tr>
         <td> первый ряд, первая ячейка </td>
         <td> первый ряд, вторая ячейка </td>
      </tr>
      <tr>
         <td> второй ряд, первая ячейка </td>
         <td> второй ряд, вторая ячейка </td>
      </tr>
    </table>

Результат:
первый ряд, первая ячейка первый ряд, вторая ячейка
второй ряд, первая ячейка второй ряд, вторая ячейка

Я продемонстрировал вам два кода, первый без закрытия тегов td и tr, а второй с закрытыми. Так вот, вообще то тут "палка двух концов", в спецификации по HTML сказано что закрывающие теги не обязательно, НО, если потом проверить код на правильность любым HTML-валидатором, то этот валидатор покажет что в первом примере шесть ошибок. Так что любые теги в таблице должны быть закрыты!!!

 

                   Перейти к выбору следующей страницы
 

Добавить в закладки
Добиться абсолютной межбраузерности для механизма добавления в закладки не существует ни на каких языках!!! А для браузера "Chrome" не работают вообще ни какие механизмы!!!
Потому это лучше всего делать в ручную при помощи одновременого нажатия клавиш Ctrl и D , после чего нужно нажать готово(добавить). Такой "механизм работает всегда и везде!!!