вторник, 7 февраля 2017 г.

Добавление таблицы в блог

Существует несколько способов вставки таблицы в блог.
1) Вставка таблицы в виде картинки
Самый простой способ. Создается таблица в Excel или другом табличном редакторе (можно даже не в табличном, а векторном, вроде CorelDraw или Adobe Illustrator), делает скриншот этой таблицы и размещаете в виде картинки у себя в посте. Главные достоинство такого способа: простота; хороший контроль над тем как выглядит таблица; возможность добавлять к таблице пояснения, маркеры и т.д. (Adobe Photoshop).
2) Экспорт таблицы из табличного процессора
Если есть необходимость вставить таблицу в виде HTML-кода, существует следующий удобный способ. Как и в первом способе необходимо создать таблицу в  табличном процессоре - например, в Excel. Далее сохранить этот файл в формате HTML - нажать "Сохранить как", после чего выбирается формат "веб страницы" (расширение html).
В зависимости от разных версий Excel дальнейшие действия могут отличаться. Программа при сохранении создает файл *.html и директорию files. В этой директории находится файл sheet001.html, который соответствует первому листу в сохраненной таблице Excel. Нужно открыть этот файл в блокноте и выделите все что находится между тегами <table> и </table> (включая сами теги), скопировать и вставить в пост. 
3) Использование HTML-редактора
Для создания таблиц можно использовать HTML-редактор, вроде Dreamweaver. Фишка в том, что Dreamweaver совмещает в себе инструменты для работы с HTML элементами, например, там есть кнопка "вставить таблицу". С другой стороны всегда можно посмотреть конкретный HTML код, который был добавлен, после чего скопировать его для Blogger`а. 
4) Написать код вручную
В конце концов, если таблица не очень большая и не очень сложная по структуре, ее совсем не сложно создать вручную, прямо в редакторе поста (в режиме HTML). Синтаксис таблицы весьма прост, вот элементарный пример:
<table border="1">
 <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr>
 <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr> 
</table>

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

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

Related Posts with Thumbnails