Настройка рамки.

На этом уроке я научу вас настраивать рамку таблицы. Рамка настраивается в тэге <table>, а именно атрибутом border="число".

Пример: <table border="3">

Теперь создайте таблицу. Задайте ей рамку равную 3 пикселям. Выглядеть это будет примерно так:

текст в таблице с рамкой

А теперь я вам покажу, как задать рамке цвет. Это делается при помощи атрибута тэга <table> bordercolor="цвет".

Пример: <table border="3" bordercolor="#336699">

Создайте таблицу с рамкой равной 2 пикселя и черным цветом рамки. Это будет выглядить примерно так:

текст в таблице с рамкой

Я вас познакомлю с еще двумя атрибутами тэга <table>. Это cellspacing и cellpadding. Сначала о cellspacing.

Атрибут cellspacing устанавливает расстояние между ячейками.

Например: <table cellspacing="0">

Вот что получится:

текст в таблице	текст в таблице
текст в таблице	текст в таблице

или

<table cellspacing="6">

Вот что получится:

Урок 16 Настройка рамки.

На этом уроке я научу вас настраивать рамку таблицы. Рамка настраивается в тэге <table>, а именно атрибутом border="число".

Пример: <table border="3">

Теперь создайте таблицу. Задайте ей рамку равную 3 пикселям. Выглядеть это будет примерно так:

текст в таблице с рамкой

 

А теперь я вам покажу, как задать рамке цвет. Это делается при помощи атрибута тэга <table> bordercolor="цвет".

Пример: <table border="3" bordercolor="#336699">

Создайте таблицу с рамкой равной 2 пикселя и черным цветом рамки. Это будет выглядить примерно так:

текст в таблице с рамкой

 

Я вас познакомлю с еще двумя атрибутами тэга  <table>. Это cellspacing и cellpadding. Сначала о cellspacing.

Атрибут cellspacing устанавливает расстояние между ячейками.

Например: <table cellspacing="0">

Вот что получится:

текст в таблице	текст в таблице
текст в таблице	текст в таблице

 

или

<table cellspacing="6">

Вот что получится:

текст в таблице	текст в таблице
текст в таблице	текст в таблице

 

Ну как, понятно? :)

А теперь я расскажу вам о cellpadding. Атрибут cellpadding устанавливает расстояние от краев ячейки до ее содержимого(текста, картинок и т.п.).

Пример: <table cellpadding="5">

Вот что получится:

текст в таблице	текст в таблице
текст в таблице	текст в таблице

 

А теперь создайте таблицу с атрибутами cellspacing="2", cellpadding="3", border="1" и bordercolor="green". У вас должно получиться что-то вроде этого:

текст в таблице	текст в таблице
текст в таблице	текст в таблице

 

Для тех, кто не смог вот код:

<table cellpadding="3" cellspacing="2" border="1" bordercolor="green">

<tr>

<td bgcolor="#808080">текст в таблице</td>

<td bgcolor="#FF9900">текст в таблице</td>

</tr>

<tr>

<td bgcolor="#FF9900">текст в таблице</td>

<td bgcolor="#808080">текст в таблице</td>

</tr>

</table>

Пока все. Не забудьте повторять несколько раз. Когда будете готовы переходите на следующий урок.

текст в таблице	текст в таблице
текст в таблице	текст в таблице

Ну как, понятно? :)

А теперь я расскажу вам о cellpadding. Атрибут cellpadding устанавливает расстояние от краев ячейки до ее содержимого(текста, картинок и т.п.).

Пример: <table cellpadding="5">

Вот что получится:

текст в таблице	текст в таблице
текст в таблице	текст в таблице

А теперь создайте таблицу с атрибутами cellspacing="2", cellpadding="3", border="1" и bordercolor="green". У вас должно получиться что-то вроде этого:

текст в таблице	текст в таблице
текст в таблице	текст в таблице

Для тех, кто не смог вот код:

<table cellpadding="3" cellspacing="2" border="1" bordercolor="green">

<tr>

<td bgcolor="#808080">текст в таблице</td>

<td bgcolor="#FF9900">текст в таблице</td>

</tr>

<tr>

<td bgcolor="#FF9900">текст в таблице</td>

<td bgcolor="#808080">текст в таблице</td>

</tr>

</table>

Пока все. Не забудьте повторять несколько раз. Когда будете готовы переходите на следующий урок.