3.3. Ячейки таблицы

3.3. Ячейки таблицы

Теперь приступим к созданию ячеек таблицы. Для начала нужно создать необходимое количество строк, затем поделить строки столбцами на ячейки. Количество пар тегов <TR> и </TR> определяет количество горизонтальных строк в вашей таблице. Встречаются случаи, когда строка создана только с помощью тега <TR> без использования закрывающего тега </TR>. Количество пар тегов <TD> и </TD>, расположенных между тегами соответствующей строки, определяет количество ячеек (столбцов) в пределах строки. Встречаются случаи использования элемента TD без закрывающего тега.

<body>

<table>

<tr><td> </td><td> </td></tr>

<tr><td> </td><td> </td></tr>

</table>

</body>

Чтобы созданная ячейка являлась заголовком в таблице (текст выравнивается по центру и выделяется полужирным шрифтом), нужно воспользоваться парой тегов <TH> и </TH>. Встречаются случаи использования элемента TH без закрывающего тега. Элементы TH, TR и TD без закрывающих тегов корректно интерпретируются только в последней версии браузера Internet Explorer.

Теперь вы можете создать простую HTML-таблицу. Рассмотрим пример таблицы, которая состоит из трех строк и трех столбцов, причем ячейки первой строки будут заголовками соответствующих столбцов (листинг 3.1). На рис. 3.4 показано, как данная таблица выглядит в окне браузера.

Листинг 3.1. Код простой HTML-таблицы, которая состоит из трех столбцов и трех строк

<html>

<head>

<title>Простая HTML-таблица</title>

</head>

<body>

<table>

<caption>Это заголовок таблицы</caption>

<tr><th>Заголовок 1</th><th>Заголовок 2</th><th>Заголовок 3</th></tr>

<tr><td>Ячейка 2x1 </td><td>Ячейка 2x2 </td><td>Ячейка 2x3 </td></tr>

<tr><td>Ячейка 3x1 </td><td>Ячейка 3x2 </td><td>Ячейка 3x3 </td></tr>

</table>

</body>

</html>

Рис. 3.4. Пример простой HTML-таблицы

Совет

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

Поделитесь на страничке

Следующая глава >

Похожие главы из других книг

Таблицы

Из книги Microsoft Office автора Леонтьев Виталий Петрович

Таблицы Инструменты работы с таблицами в Word-2003 значительно усовершенствованы по сравнению с предыдущими версиями этой программы. Теперь создать таблицу в тексте Word можно буквально двумя движениями мышки.Самый простой способ – нарисовать таблицу. Войдите в меню Таблица


Ячейки

Из книги Информационная технология ПРОЦЕСС СОЗДАНИЯ ДОКУМЕНТАЦИИ ПОЛЬЗОВАТЕЛЯ ПРОГРАММНОГО СРЕДСТВА автора Автор неизвестен

Ячейки Формат данныхКаждую из ячеек Excel можно заполнить разными типами данных: текстом, численными значениями, даже графикой. Правда, для того чтобы введенная вами информация обрабатывалась корректно, необходимо присвоить ячейке (а чаще целому столбцу или строке)


8.2.3.10 Таблицы

Из книги Единая система программной документации. ТРЕБОВАНИЯ К ПРОГРАММНЫМ ДОКУМЕНТАМ, ВЫПОЛНЕННЫМ ПЕЧАТНЫМ СПОСОБОМ автора Госстандарт СССР


2.6. Таблицы

Из книги Компьютер на 100. Начинаем с Windows Vista автора Зозуля Юрий

2.6. Таблицы 2.6.1. Цифровой материал для достижения лучшей наглядности и сравнимости показателей, как правило, следует оформлять в виде таблицы.2.6.2. Оформление таблиц должно производиться в соответствии с требованиями ГОСТ 1.5-85.Таблица может иметь заголовок, который следует


Ввод данных в ячейки

Из книги 3ds Max 2008 автора Верстак Владимир Антонович

Ввод данных в ячейки Для заполнения ячейки таблицы данными необходимо сделать следующее.1. Выбрать нужную ячейку.2. Ввести текст, число или формулу.3. Нажать любую из клавиш перемещения по листу, например клавишу со стрелкой или Enter для перехода к следующей ячейке.При вводе


Ячейки образцов материалов

Из книги Office 2007. Мультимедийный курс автора Мединов Олег

Ячейки образцов материалов По умолчанию при работе над новой сценой Material Editor (Редактор материалов) показывает шесть ячеек с образцами материалов. Щелчок на ячейке активизирует ее и изменяет цвет ее границы на белый. Если ячейка образца содержит материал, который


Форматирование активной ячейки

Из книги AutoCAD 2009 для студента. Самоучитель автора Соколова Татьяна Юрьевна

Форматирование активной ячейки Вы можете по своему усмотрению настраивать представление данных в любой ячейке либо диапазоне, то есть форматировать активную ячейку или вы деленный диапазон. Чтобы перейти в данный режим, выполните команду контекстного меню Формат ячеек


Таблицы

Из книги Самоучитель работы на компьютере автора Колисниченко Денис Николаевич

Таблицы Команда TABLE осуществляет создание пустой таблицы объектов в чертеже. Вызывается команда из падающего меню Draw ? Table… или щелчком на пиктограмме Table… на панели инструментов Draw. В результате открывается диалоговое окно вставки таблицы Insert Table – рис. 10.8. Рис. 10.8.


14.5. Ячейки

Из книги Самоучитель работы на Macintosh автора Скрылина Софья

14.5. Ячейки Каждая ячейка имеет адрес, значение и формат. Адрес позволяет обратиться к значению ячейки при написании формул. Значением может быть все, что угодно — строка, число, формула, дата, рисунок и т. д. Формат задает, как будет отображаться то или иное значение. Как


14.5.1. Адрес ячейки

Из книги Офисный компьютер для женщин автора Пастернак Евгения

14.5.1. Адрес ячейки Сначала разберемся с адресом ячейки. Все мы играли в детстве в морской бой. Принцип адресации ячеек в Excel такой же. Ячейка, которая стоит на пересечении первой колонки (имя которой А) и первого ряда (его номер 1), будет называться А1 — это и есть адрес ячейки.


14.5.2. Значение ячейки

Из книги HTML, XHTML и CSS на 100% автора Квинт Игорь

14.5.2. Значение ячейки Как и в случае с Word, просто начинайте вводить текст или числа. Не беспокойтесь, что введенное вами значение выходит за рамки ячейки — это поправимо. Для изменения ширины ячейки ухватитесь за границу колонки и перемещайте ее, пока не измените размер


14.5.3. Формат ячейки

Из книги автора

14.5.3. Формат ячейки Формат задает, как будет отображаться значение ячейки. Формат тесно связан с типом данных ячейки. Тип задаете вы сами. Если вы ввели число, то это числовой тип данных. Excel сама старается определить формат по типу данных. Например, если вы ввели текст, то


6.2.2. Форматируем ячейки таблицы

Из книги автора

6.2.2. Форматируем ячейки таблицы Для выполнения задания нам понадобится материал разд. 5.2.5.ЗаданиеСоздать и отформатировать таблицу, как показано на рис. 6.27. Электронный вид задания находится в файле: /numbers/tasks/6.2.2.pdf.1. Открыть файл упр. numbers, хранящийся в папке


Как выделить строку, столбец и ячейки

Из книги автора

Как выделить строку, столбец и ячейки Если нужно что-то проделать с текстом одновременно в нескольких ячейках, их удобно выделить, используя следующие приемы.• Чтобы выделить столбец, подведите указатель мыши к верхней границе и, когда он примет вид маленькой черной


3.9. Установка фонового цвета или рисунка ячейки

Из книги автора

3.9. Установка фонового цвета или рисунка ячейки В HTML возможны различные варианты установки фонового цвета или рисунка. Благодаря атрибуту bgcolor можно изменять цвет содержимого ячейки, строки, группы столбцов, группы строк, таблицы целиком.Используя конструкцию <td bgcolor=


Пустые ячейки

Из книги автора

Пустые ячейки CSS позволяет определить, отображать ли границы пустых ячеек. Вы можете задать отображение пустых ячеек, используя свойство CSS empty-cells. Это свойство управляет представлением границ вокруг ячеек, не имеющих видимого содержимого. Считается, что видимого