Ввод логических переменных с клавиатуры.

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

Использование program, begin…end, write, readln, Uses Crt, Clrscr.

В этом уроке мы напишем самую простую программу, состоящую всего из пяти строк. Эта программа будет выводить сообщение на экран. Для написания программы нам необходимо знать как работают операторы Write, Readln, а также понять для чего нужны ...

Умножение, деление, сложение, вычитание вещественных чисел в Pascal.

С вещественными числами можно производить операции умножения, сложения, вычитания, а также операцию деления. Причем операция деления отличается от операции Div. Деление вещественных чисел - это обычное математическое деление, в результате которого ...

Циклы и массивы

Многомерные массивы.

Индексы имеют еще одно свойство — чем больше объем массива, тем менее эффективна с ним работа, поэтому часто используют массивы массивов, то есть с двумя, тремя и более индексами для идентификации ...

Работа со строковыми данными.

Написание большинства программ не обходится без строковых данных. Строковые данные используются при организации диалога для ввода исходных значений переменных, задания условий выполнения ...

Построение таблиц в HTML

WEB Категория: HTML

Табличные данные в HTML сайтах иcпользуются достаточно часто. Структура тэгов таблицы на первый взгляд Вам может показаться сложной, но если разобраться, то все окажется простым и логичным, как и сам HTML. Пример1: 

         <table border="1">
         <tr>
           <td>Ячейка таблицы №1</td>
           <td>Ячейка таблицы №2</td>
         </tr>
         <tr>
           <td>Ячейка таблицы №3</td>
           <td>Ячейка таблицы №4</td>
         </tr>
         </table>

В окне браузера данный код таблицы будет выглядеть следующим образом:

Ячейка таблицы №1 Ячека таблицы №2
Ячейка таблицы №3 Ячейка таблицы №4

Тэг "table" указывает на начало и конец таблицы.

"tr" - в переводе из английского языка "table row" обозначает ряд таблицы, начинает и заканчивает горизонтальный ряд ячеек в таблице.

Тег "td" означает "table data" (табличные данные), обозначает начало и конец ячейки с данными в ряде таблицы. Все очень просто и логично, как и все в HTML.

В тэге "table" можно прописать атрибут "border", его значение характеризует толщину рамки таблицы. Пример2: 

         <table border="1" width="25%">
         <tr>
           <td>Ячейка таблицы №1</td>
           <td>Ячейка таблицы №2</td>
         </tr>
         <tr>
           <td>Ячейка таблицы №3</td>
           <td>Ячейка таблицы №4</td>
         </tr>
         </table>

В браузере данная таблица будет построена с шириной в 25% экрана монитора.

Ячейка таблицы №1 Ячейка таблицы №2
Ячейка таблицы №3 Ячейка таблицы №4

В таблицах существует достаточно много атрибутов. Рассмотрим атрибуты, которые используются для выравнивание данных в ячейках:

align - выравнивает данные в ячейке по ширине, может принимать значения: left, right или center.

valign - выравнивает данные в ячейке по вертикале. Данный атрибут может принимать значения: top, bottom или middle.

Для задания цвета фона таблицы используется атрибут - bgcolor. cellspacing - будет задавать расстояние между внешними границами ячеек.

cols - указывает количество столбцов в таблицах, помогая браузеру скорее построить и отобразить талицу.

rules - указывает браузеру в каких местах рисовать границы между ячейками. Для отображения линий между колонками "cols", группами "groups" или строками "rows" используются теги "thead", "tfoot", "tbody", "col" или "colgroup". Ячейки таблицы могут содержать все что угодно: текст, картинки, видео и многое другое.

Добавить комментарий

Защитный код
Обновить

   ГлавнаяHTMLАтрибуты тега HTML.
Rambler's Top100