суббота, 3 декабря 2016 г.

Как вставить таблицу в blogger?

В этой статье рассмотрим как же вставить таблице в html код на blogger. Ведь в стандартных инструментах блогера нету возможности ее вставить простым нажатием на кнопку.

HTML - table - blogger / blogspot.

А иногда необходимо же вставить данные в таблицу для более удобного восприятия пользователями.
.

Код таблицы 1:


<table align="center" bgcolor="95e2f2" border="1" bordercolor="fa1818" cellpadding="4" cellspacing="7" style="height: 200px; width: 300px;">
   <caption>Пример таблицы 1.</caption>
   <tbody>
<tr>
    <th>Название ячейки 1</th>
    <th>2</th>
    <th>3</th>
    <th>4</th>
    <th>5</th>
   </tr>
<tr><td>Данные ячейки 1</td><td>---</td><td>---</td><td>---</td><td>---</td></tr>
<tr><td>-</td><td>---</td><td>---</td><td>---</td><td>---</td></tr>
</tbody></table>





Визуальный пример таблицы 1.
Название ячейки 1 2 3 4 5
Данные ячейки 1------------
-------------

Из кода выше уверен разберетесь как добавить или убрать дополнительные столбцы либо строки в таблице.

Расшифровка html кода таблицы, который будет в у вас в блогере.

  • Но все же, ели хотите добавить столбец, тогда вставьте вот такие парные html теги: <th></th>.
  • Что касается строки в таблице, то добавьте: <td></td>.
  • <table border="1"> - где цифра означает размер линии вокруг таблицы.
  • caption - служит для заголовка таблицы.
  • cellspacing="7" - цифра задает расстояние между ячейками.
  • bgcolor="95e2f2" - в кавычках укажите свой цвет.
  • bordercolor="fa1818" - цвет рамки таблицы.
  • cellpadding="4" - этот параметр определяет расстояние между границей ячейки и ее содержимым.
  • style="height: 200px; width: 300px;" - высота и ширина таблицы в пикселях.
  • align="left | center | right" - выравнивание таблицы.

Так что экспериментируйте со значениями для своих нужд, чтобы в итоге ваша таблица на blogger выглядела красиво и более восприимчиво.
Во избежания проблем с законом об авторском праве, копирование текста без активной ссылки на него запрещено !

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

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