[348x221]
В моем блоге уже написано множество уроков по созданию таблиц для сайта / блога:
И вот я нашла еще один замечательный конструктор таблиц, в котором можно быстро создать и раскрасить таблицу html + css и вставить в блог.
Пример такой таблицы вы видите:
| Заголовок таблицы | ||
|---|---|---|
| Первый столбец | Второй столбец | Третий столбец |
| 1 | 2 | 34 |
| 1 | 23 | 11 |
| 456 | 44 | 456 |
Перейдите на сайт конструктора >>>
Этот сайт англоязычный, но в нем вы без труда разберетесь и научитесь создавать красивые таблицы с различным оформлением – это и раскрашенные таблицы, и таблицы с шапкой, объединять ячейки, изменять шрифт и выравнивание текста таблицы и многое другое.
Бонус сервиса: здесь можно создавать не только таблицы html+css, но и таблицы в LaTeX, а также для блокнота (пример ниже), Markdown и Mediawiki
Этапы создания таблицы
В верхней части сервиса – меню. Привожу на скриншоте ниже перевод основных команд:
[575x206]
Начинаем создание таблицы с выбора пунктов меню File –> New table
[550x263]
, где rows – количество строк, а columns – число столбцов. Кнопка – Create (создать).
Далее начинаем заполнять и редактировать нашу таблицу
Кликаем двойным щелчком в нужной ячейки таблицы – появляется курсов – пишем текст.
Выделяем ячейки и нажимаем на кнопку Merge, как показано ниже – объединяем ячейки. Так можно создать шапку таблицы:
[550x284]
Обратный процесс разделения ранее объединенных ячеек осуществляется кнопкой Split.
Делаем яркой таблицу, изменяем цвет текст и фона с помощью кнопок оформления. Перевод команд ниже:
[550x301]
кликните для увеличения
После того, как нас устроит результат, нажмите кнопку Generate (генерировать), скопируйте код html+css и вставьте в сообщение блога в режиме html.
Если вы хотите, чтобы все таблицы с указанными классами принимали вид созданной вами таблиц, то вставьте css код таблицы в редактор html блога (редактор шаблона) в стили, т.е. перед кодом ]]></b:skin> на Blogger и в style.cs на Wordpress.