Строим таблицу
*Автор - space
Для начала нужно запомнить самые простые значения в таблице.
<table> - начало таблицы
</table> - конец таблицы
<tr> - начало строки
</tr> - конец строки
<td> - начало столбца
</td> - конец столбца
С помощью этих значений мы простроим самую простую таблицу.
1 | 2 |
3 | 4 |
Вначале пишем два тега для начала таблицы.
<table>
</table>
И добавляем к этому две строки
<table>
<tr>
</tr>
<tr>
</tr>
</table>
И в каждую строчку добавим по две колонки и назовём их цифрами
<table>
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
</table>
Вместо цифр мы можем написать любой текст или вставить картинку.
<table>
<tr>
<td><img src="ссылка на картинку"/></td>
<td><img src="ссылка на картинку"/></td>
</tr>
<tr>
<td>Текст</td>
<td>Текст</td>
</tr>
</table>
Теперь я расскажу о границе таблиц.
Таблицу начинаем так:
<table border="1" width="800" height="600">
зелёным - границы
оливковым - ширина таблицы
красным - высота таблицы
Если поставить границы 0, то она будет без видимых границ.
Прошу заметить, что нашу таблицу можно отрегулировать
<table>
<tr>
<td><img src="ссылка на картинку"/></td>
<td height="175">2</td>
</tr>
<tr>
<td width="452" height="141">3</td>
<td width="452"><img src="ссылка на картинку"/></td>
</tr>
</table>
На заметку: если в одной колонке указаны высота, а в другой нет - то там так же будет высота той колонки, ведь строчка то одна.