Генератор Html таблиц


Небольшое усовершенствование в блоге - появился генератор кода для быстрого создания таблиц.
Да-да, знаю, кто-то может сказать, что блоггер прирождён для вёрстки div'ами, и таблицы нафиг не нужны... Заранее не согласен :).

Обсудим, как пользоваться генератором.
В поля вводите количество колонок (по вертикали) и рядов (по горизонтали) для формирования ячеек таблицы. После заполнения и генерации кода можете нажать кнопку "Предпросмотр", чтобы увидеть превью результата. Для того, чтобы указать цвет границы или фона, можете проследовать по ссылке "Html цвета" и выбрать hex код нужного цвета.

Полученный код копируется в блог.
Пример для прозрачной таблицы, состоящей из 4 ячеек, общей шириной в 400 пикселей:
<table border="0" bordercolor="" width="400" bgcolor="">
<tr>
<td> row 1, column 1 </td>
<td> row 1, column 2 </td>
</tr>
<tr>
<td> row 2, column 1 </td>
<td> row 2, column 2 </td>
</tr>
</table>
И что делать с этими таблицами?
При помощи таблиц можно расставлять текст или графические элементы в несколько рядов.
Например:
Bohemian Rhapsody by Queen

Is this the real life?
Is this just fantasy?
Caught in a landslide,
No escape from reality
Open your eyes,
Look up to the skies and see,
I'm just a poor boy, I need no sympathy,
Because I'm easy come, easy go,
Little high, little low,
Any way the wind blows doesn't really matter to
me, to me

Mama,
Just killed a man,
Put a gun against his head, pulled my trigger,
now he's dead
Mama, life had just begun,

But now I've gone and thrown it all away
Mama, oooh,
Didn't mean to make you cry,
If I'm not back again this time tomorrow,
Carry on, carry on as if nothing really matters


Или расставить изображения:
Modern Icons





Конечно, это совсем простые таблицы, о более сложных конструкциях и параметрах читайте руководство по table.

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

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