инфо-БУМ: Таблицы HTML

Столбец 1

Столбец 2

Столбец 3

<table border=1>
<td> Столбец 1 </td>  
<td> Столбец 2 </td>  
<td> Столбец 3 </td>  
</table>

Столбец 1

Столбец 2

Столбец 3

<table border=1 bgcolor=DeepPink>
<td> Столбец 1 </td>  
<td> Столбец 2 </td>  
<td> Столбец 3 </td>  
</table>

Ячейка с фоном

<table border=1><td background="адрес картинки(фона)http://...">Ваш текст</TD> 
<td background="адрес картинки(фона)http://...">Ваш текст</TD> 
<td background="адрес картинки(фона)http://...">Ваш текст</TD> 
</TABLE>

Первая ячейка

Вторая ячейка

Третья ячейка

<table border=1>
<tr> <td>Первая ячейка</td></tr>
<tr> <td>Вторая ячейка</td></tr>
<tr> <td>Третья ячейка</td></tr>
</table>

Первая ячейка

Вторая ячейка

Третья ячейка

<table border=1 bgcolor=#00FF00>
<tr> <td>Первая ячейка</td></tr>
<tr> <td>Вторая ячейка</td></tr>
<tr> <td>Третья ячейка</td></tr>
</table>

Ячейка с фоном

<table border=1>
<tr><td background="адрес картинки(фона)http://...">Ваш текст</td></tr>
<tr><td background="адрес картинки(фона)http://...">Ваш текст</td></tr>
<tr><td background="адрес картинки(фона)http://...">Ваш текст</td></tr>
</td> </table>

Первая ячейка 1-й строки	Вторая ячейка 1-й строки	Третья ячейка 1-й строки
Первая ячейка 2-й строки	Вторая ячейка 2-й строки	Третья ячейка 1-й строки

<table border=1>
<tr><td>Первая ячейка 1-й строки</td> 
<td>Вторая ячейка 1-й строки</td> 
<td>Третья ячейка 1-й строки</td></tr>
<tr><td>Первая ячейка 2-й строки</td> 
<td>Вторая ячейка 2-й строки</td> 
<td>Третья ячейка 1-й строки</td></tr>
</table>

1 ячейка	2 ячейка	3 ячейка
4 ячейка	5 ячейка	6 ячейка

<table border=5 cellpaddıng=10 cellspacıng=10>
<tr><td>1 ячейка</td> 
<td>2 ячейка</td> 
<td>3 ячейка</td></tr>
<tr><td>4 ячейка</td> 
<td>5 ячейка</td> 
<td>6 ячейка</td></tr>
</table>

Заголовок 1	Заголовок 2	Заголовок 3
Содержание 1	Содержание 2	Содержание 3

<table border=1 cellpadding=8 cellspacing=0 bordercolor=black>
<tr><th>Заголовок 1</th> 
<th>Заголовок 2</th> 
<th>Заголовок 3</th></tr>
<tr><td>Содержание 1</td> 
<td>Содержание 2</td> 
<td>Содержание 3</td></tr>
</table>

Дата	Запись	Время
xx.xx.xxxx.	xxxxxxx	xx.xx.

<table cellpadding="5" cellspacing="5">
<tr><th bgcolor="#ffff00">Дата</th>  
<th bgcolor="#ffff00">Запись</th>  
<th bgcolor="#ffff00">Время</th></tr>
<tr><td>xx.xx.xxxx.</td>  
<td>xxxxxxx</td>  
<td>xx.xx.</td></tr>
</table>

Дата	Запись	Время
xx.xx.xxxx.	xxxxxx	xx.xx
xx.xx.xxxx.	xxxxxx	xx.xx
xx.xx.xxxx.	xxxxxx	xx.xx

<table cellspacing="5" cellpadding="5">
<tr bgcolor="#7FFFD4"> 
<th>Дата</th>
<th>Запись</th>
<th>Время</th></tr>
<tr bgcolor="#FFF0F5"> 
<td>xx.xx.xxxx.</td>
<td>xxxxxx</td>
<td>xx.xx</td></tr>
<tr bgcolor="#FFF0F5"> 
<td>xx.xx.xxxx.</td>
<td>xxxxxx</td>
<td>xx.xx</td></tr>
<tr bgcolor="#FFF0F5"> 
<td>xx.xx.xxxx.</td>
<td>xxxxxx</td>
<td>xx.xx</td></tr>
</table>

Заголовок 1	Заголовок 2	Заголовок 3
РЯД 2	РЯД 2	РЯД 2
РЯД 3	РЯД 3	РЯД 3
РЯД 4	РЯД 4	РЯД 4

<table>
<tr><th>Заголовок 1</th> 
<th>Заголовок 2</th> 
<th>Заголовок 3</th> </th>
<tr><td>РЯД 2</td> 
<td>РЯД 2</td> 
<td>РЯД 2</td> 
</tr>
<tr><td>РЯД 3</td> 
<td>РЯД 3</td> 
<td>РЯД 3</td></tr>
<tr><td>РЯД 4</td> 
<td>РЯД 4</td> 
<td>РЯД 4</td></tr>
</table>

Цветная ячейка 1	Цветная ячейка 2	Цветная ячейка 3
Цветная ячейка 4	Цветная ячейка 5	Цветная ячейка 6

<table border="8">
<tr><td bgcolor="#FF1493">Цветная ячейка 1</td> 
<td bgcolor="#00FF00">Цветная ячейка 2</td> 
<td bgcolor="#00BFFF">Цветная ячейка 3</td></tr>
<tr><td bgcolor="#FFFF00">Цветная ячейка 4</td>
<td bgcolor="#FF0000">Цветная ячейка 5</td> 
<td bgcolor="#D2691E">Цветная ячейка 6</td></tr>
</table>

Цветная ячейка 1	Цветная ячейка 2	Цветная ячейка 3
Цветная ячейка 4	Цветная ячейка 5	Цветная ячейка 6

<table border="0" cellspacing="5">
<tr><td bgcolor="#FFFF00">Цветная ячейка 1</td> 
<td bgcolor="#FF0000">Цветная ячейка 2</td> 
<td bgcolor="#00FF00">Цветная ячейка 3</td></tr>
<tr><td bgcolor="#00BFFF">Цветная ячейка 4</td> 
<td bgcolor="#FF00FF">Цветная ячейка 5</td> 
<td bgcolor="#FFA500">Цветная ячейка 6</td></tr>
</table>

Цветная ячейка 1

Цветная ячейка 2

Цветная ячейка 3

<table border=8>
<tr><td bgcolor=SeaGreen>Цветная ячейка 1</td></tr>
<tr><td bgcolor=Peru>Цветная ячейка 2</td></tr>
<tr><td bgcolor=Yellow>Цветная ячейка 3</td></tr>
</table>

Цветная ячейка 1

Цветная ячейка 2

Цветная ячейка 3

<table border=0 cellspacing="5">
<tr><td bgcolor=Firebrick>Цветная ячейка 1</td></tr>
<tr><td bgcolor=Peru>Цветная ячейка 2</td></tr>
<tr><td bgcolor=Purple>Цветная ячейка 3</td></tr>
</table>

1 ячейка

2 ячейка 3 ячейка 4 ячейка 5 ячейка

1 ячейка 2 ячейка 3 ячейка 4 ячейка

5 ячейка

1 ячейка

2 ячейка 3 ячейка 4 ячейка 5 ячейка

1 ячейка 2 ячейка 3 ячейка 4 ячейка

5 ячейка

1 ячейка 2 ячейка

3 ячейка 4 ячейка 5 ячейка

1 ячейка 2 ячейка 3 ячейка

4 ячейка 5 ячейка

1 ячейка 2 ячейка 3 ячейка

4 ячейка 5 ячейка

1 ячейка 2 ячейка 3 ячейка 4 ячейка

5 ячейка 6 ячейка 7 ячейка

Табличным кодом можно задать цветной фон поста:

Здесь Ваш текст

Можно фоном поста сделать картинку:

Здесь Ваш текст

Параметр cellpadding задает оступ текста от границ картинки.

Разделить пост на две части:

Здесь Ваш текст
xxxxxxxxxxxxxxx
xxxxxxxxxxxxxxx
xxxxxxxxxxxxxxx Здесь Ваш текст
xxxxxxxxxxxxxxx
xxxxxxxxxxxxxxx
xxxxxxxxxxxxxxx

• Атрибуты таблицы. ЗДЕСЬ.
• Все цвета интернета ЗДЕСЬ
• Подобрать HTML код в ручную ЗДЕСЬ
Возникнут вопросы пишите.

Похожие по тематике посты - еще почитать:

.

инфо-БУМ

страницы

Таблицы HTML

Комментариев нет:

Отправить комментарий

1 ячейка
2 ячейка	3 ячейка	4 ячейка	5 ячейка