2010-07-31

Таблица HTML

   Часто нужно разместить записи или картинки компактнее. Известно, что при обычном вывешивании картинок, они располагаются в столбик. При помощи таблицы можно расположить их в ряд (при этом нужно учитывать размер фото или картинки, так как большие по размеру просто не поместятся на странице).
       Итак, любая таблица начинается с тега <table>, а заканчивается </tabler>. Знак "/" в HTML означает, что действие закончено.
border - ширина бордюра в пикселях. Если указать значение, равное 0, то границы не будет.
widht - ширина таблицы. можно указать значение в процентах( какое место она будет занимать на странице) или в пикселях.
<tr> - начало строки;  </tr> -конец строки;
  <td> и </td> - начало и конец ячейки соответственно.
  Таким образом,  код таблицы, состоящей из 2 столбцов и 3 строк будет иметь следующий вид:

..
<table border="1" width="52%"> <tr>   <td>содержимое в 1 столбце и 1 строке</td>   <td>содержимое во 2 столбце и 1 строке</td> </tr> <tr>   <td>содержимое в 1 столбце и 2 строке</td>   <td>содержимое в 2 столбце и 2 строке</td> </tr> <tr>   <td>содержимое в 1 столбце и 3 строке</td>   <td>содержимое в 2 столбце и 3 строке</td> </tr></table>

 <table><tr>
<td>Содержимое столбца 1 строки 1</td>

<td>Содержимое столбца 2 строки 1</td></tr>
 <tr>
<td>Содержимое столбца 1 строки 2</td>

<td>Содержимое столбца 2 строки 2</td></tr></table>
Как вставить таблицу в запись на blogspot

P.S. Очень часто возникают вопрос у пользователей blogspota: "Как вставить таблицу?" В блоггере при составлении таблицы очень часто она смещается далеко вниз. Это очень просто исправить. Достаточно написать все табличные теги в строчку, чтобы получилась запись такого вида:
<table><tr><td>1 столбец 1 строки </td><td>2 столбец 1 строки</td></tr><tr><td>1 столбец 2 строки</td><td>2 столбец 2 строки</td></tr></table>

7 комментариев :

Анонимный комментирует...

спасибо

Анонимный комментирует...

Большое спасибо!

Анонимный комментирует...

БОЛЬШОЕ СПАСИБО! бУДУ УЧИТЬСЯ.

Анонимный комментирует...

Позновательно, поучительно, ОГРОМНОЕ СПАСИБО!

Анонимный комментирует...

у Вас опечатка

NATALKA комментирует...

Заметила, в таблице. Исправлю.

Анонимный комментирует...

Большое спасибо!

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

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