понедельник, 3 сентября 2012 г.

Как разместить картинки рядом?


====================

Таблица HTML   

таблица для картинок 

 

Таблица 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>


==============

http://nwa-uspech.blogspot.com/2012/08/blogger-8.html





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

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