Онлайн генератор таблиц HTML CSS.


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

Хотя табличная вёрстка страниц вебсайтов уже прошлый век,но всё равно в некоторых случаях,при недостатке знаний, без таблиц html не обойтись.Конструктор онлайн генератор таблиц html,который можно найти дальше на странице, позволит с лёгкостью генерировать любые варианты таблиц НТМЛ (простые,цветные,с разрывом рамки,без рамки и т.д. и т.п.,которые можно потом скопировать и установить себе на сайт или блог.



Для чего нужны таблицы.


Вариантов применения таблиц множество,проще сказать,где они помешают.Использование таблиц с лёгкостью позволяет позиционировать различные элементы на странице.Практически каждый вебсайт содержит в себе несколько таблиц в шаблоне невидимых взору.Можно украсить таблицу при помощи Css и тогда она приобретёт совершенно другой вид и может стать элементом дизайна.Приведённый дальше вариант для оформления таблиц позволит превратить безликий вариант в такой вот шедевр. Пример оформления.

<style type="text/css">
table {border-color: #cdc;
width: 100%; /* Ширина таблицы */
background: #cсc; /* Цвет фона таблицы */
border-spacing: 5px; /* Расстояние между ячейками */
}
td, th {
background: white; /* Цвет фона ячеек */
padding: 5px; /* Поля вокруг текста */
text-align: left;font-weight: bold;font-size: 120%;"
}</style>

Смотреть ещё

Оформление блоков для кодаСлайдер- ротатор для блога
Ротатор для баннеров
Эффекты для фото на CSS.
Как добавить форум на блог

Правда данный код следует вносить только там на страницу, где планируется размещение таблицы,так как если добавить в шаблон или любой гаджет НТМЛ,то все скрытые таблицы на блоге приобретут такой вид,а их поверьте немало спрятано.Но если всё же планируется множественный показ,то в код следует добавить класс и при встраивании просто добавлять его к тегу table.

Генератор онлайн таблиц HTML.









Rows:
Columns
Padding:

Table Width:

Text Color:

Background:


Header Color:

Border
Color:

Width:


Border Style:


Collapse:








Убрать текст Демо




HTML-код таблицы










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