Это цитата сообщения
Donadecasa Оригинальное сообщениеКак и обещала
Чтобы начертить таблицу, нам понадобится лист бумаги, угольник, линейка, карандаш и ластик.
Потом мы возьмем цветные карандаши и раскрасим все по своему вкусу.
Можно наклеить красивые картинки, вырезать веселенькие мотивы и украсить ими уголки...
|
Испугались? Ха-ха, шучу я так. Мы будем рисовать таблицы с помощью HTML, и ничего лишнего нам не понадобится.
Самое главное:
Любая таблица начинается с тега table.
Любая строка в таблице начинается с тега tr.
Любая ячейка таблицы начинается с тега td.
|
|
Попробуем?
<table border="1">
<tr>
<td>Мояпервая
таблица</td>
</tr>
</table> |
У нас получилось:
|
|
А если ячеек больше, чем одна?
<table border="1">
<tr>
<td>Моя </td>
<td>
первая</td>
<td>
таблица</td>
</tr>
</table> |
И получится:
|
|
Строк тоже может быть сколько угодно:
<table border="1">
<tr>
<td>Первая</td>
<td>
строка</td>
</tr>
<tr>
<td>
Вторая</td>
<td>
строка</td>
</tr>
</table> |
Результат:
| Первая |
строка |
| Вторая |
строка |
|
|
В ячейках таблицы может быть что угодно: текст, числа, картинки, смайлики . А если вам нужна пустая ячейка - пропишите в ней символ пробела .
Вы наверняка заметили, что таблицы в образцах имеют параметр border, отвечающий за толщину границ таблицы. В зависимости от числа рамки могут быть самыми разными, а могут быть и невидимыми, если вы пропишете нулевое значение. Еще один важный параметр - ширина самой таблицы width. Даже с невидимыми границами таблица шириной в 50% от ширины экрана займет только положенное ей пространство. Эта величина также может быть выражена в пикселях. У любой таблицы есть не только ширина, но и высота - height, которая прописывается аналогично. Если же эти параметры не заданы, то размер таблицы будет ограничен только ее содержимым.
|
Продолжение следует...