Таблица в html как в excel
Перейти к содержимому

Таблица в html как в excel

  • автор:

Перенос электронной таблицы Excel в чистый HTML

Перенос электронной таблицы Excel в чистый HTML

Периодически, можно столкнутся с необходимостью разместить электронную таблицу Excel на сайте, причем таблица должна быть в формате HTML. Конечно все современные редакторы таблиц умеют сохранять в HTML формат, но выглядит подобное зрелище очень неприятно — куча «мусора» из самых разных тегов и стилей, в результате чего выглядит все совсем не так, как задумывалось.

Использование формулы для перевода в HTML

Одним из самых банальных и простых способов получить таблицу с чистым HTML кодом — использовать специальную формулу. Предположим, у Вас есть таблица, где три столбца — от A до C. Тогда, в соседней строке на столбце D (или на любом другом свободном месте), пишем следующую формулу:

= "" & A4 & "" & B4 & "" & C4 & ""

Соответственно, если столбцов больше, то нужно модифицировать формулу, добавив в неё дополнительные столбцы по аналогии с предыдущими столбцами. После этого, в столбце D появится HTML код столбца. Все что остается — это применить данную формулу на оставшиеся столбцы, и скопировать получившийся результат в текстовый (HTML) редактор, и добавить туда открывающие (

) и закрывающие (

) теги для таблицы. Важно! Иногда, в случае использования в таблице каких-либо дат, Excel может преобразовать её в число. Для избежания этого, следует создать дополнительный столбец и использовать формулу ТЕКСТ (в английской версии это формула TEXT), к примеру ТЕКСТ(CZ6;»ДД.ММ.ГГГГ») , где CZ6 — ячейка, а ДД.ММ.ГГГГ — формат даты.

Была ли эта статья Вам полезна?

Что в статье не так? Пожалуйста, помогите нам её улучшить!

Конвертер XLS (EXCEL) в HTML

Сконвертируйте ваши xls-файлы в html онлайн и бесплатно

Выберите файлы

Выберите файлы

Перетащите файлы сюда. 100 MB максимальный размер файла или Регистрация

  • Image
  • Document
  • Ebook
  • Audio
  • Archive
  • Video
  • Presentation
  • Font
  • Vector
  • CAD
  • Image
  • Document
  • Ebook
  • Audio
  • Archive
  • Video
  • Presentation
  • Font
  • Vector
  • CAD

Лист Microsoft Excel (97-2003)

Формат XLS используется для описания документов программы Microsoft Excel. Этот файл представляет собой электронную таблицу. Все данные в документе распределены по ячейкам и хранятся в них. Каждая ячейка имеет уникальный адрес, обозначаемый буквами и арабскими цифрами. Ячейка может содержать неизменяемые данные и данные в виде формул, которые связывают несколько ячеек.

больше информации

Язык гипертекстовой разметки

HTML ― это файл веб-формата. Исходный код HTML можно изменить в текстовом редакторе. HTML-файлы разрабатываются для будущего использования в веб-браузерах пользователей и позволяют форматировать сайты с текстом, изображениями и другими необходимыми материалами. В файлах этого формата используются теги для создания веб-страниц. Интерпретация HTML-кода выполняется веб-браузером, и этот код, как правило, не показывается пользователю.

Конвертировать HTML таблицу в Excel

Считаете ли вы этот инструмент полезным? То поделитесь этим с друзьями или коллегами. Это поможет нам сделать наши бесплатные веб-инструменты лучше.

Эта форма позволяет вам конвертировать HTML таблицу в Excel файл, вставьте или загрузите HTML файл ниже:

Параметры

Без разрывов строк в ячейках (Используйте это, чтобы удалить разрывы строк в значениях)
Удалить HTML теги в ячейках (Используйте это, чтобы удалить HTML теги в ваших полях)
Заменить несколько пробелов на 1 пробел в ячейках (Используйте это, если у вас слишком много пробелов в ваших полях)

Конвертировать и Скачать Параметры Ваш результат можно увидеть ниже.

О преобразовании HTML в Excel

О конвертировании HTML таблицы в Excel файл

Конвертер HTML в Excel была создана для быстрого преобразования HTML таблиц в Excel(электронные таблицы Microsoft Excel). Это очень простой и легкий способ преобразовать и поделиться HTML данными в XLSX формате.

Как это работает?

Просто вставьте или загрузите HTML код в текстовое поле выше и нажмите кнопку Конвертировать и Скачать, и вы сразу получите Excel файл.

Пример преобразования HTML в Excel

Исходные данные (До):

   h1 

HTML example!

This is a paragraph.

id firstName lastName age
1 Kim Kardashian 39
2 Ariana Grande 26
3 Cristiano Ronaldo 35

Пожертвовать

Вам понравился этот инструмент? Вы можете задонатить нам. Это поможет нам улучшить наши бесплатные веб-инструменты.

Таблица в html как в excel

09.02.2012 в 22:18
Автор: SV_team_ESQ

Для примера возьмём Excel таблицу состоящую из 4 столбцов и 12 строк.
Столбец Aнумерация предметов по порядку возрастания пунктов-строк
Столбец Bколичество предметов
Столбец Cцена одного предмета
Столбец Dсумма стоимости предметов одной строки как произведение цены предмета на их количество
Столбец D ячейка D12сумма стоимости всех предметов

Само собой разумеется что сама таблица в виде excel файла не может быть размещена в материалах сайта по множеству причин. Для её размещения, публикации в виде текстового представления данных требуется конвертация в HTML совместимый формат.

Сначала добавляем перед таблицей ещё одну строку, выделено красной рамкой .
Затем перед каждым столбцом таблицы добавляем ещё по одному столбцу, добавляем ещё 4 столбца, выделено зелёными рамками .

В итоге получим таблицу состоящую из 8 столбцов и 13 строк.

Далее действуем следующим образом:

В ячейку A1 в виде текста записываем HTML тег таблицы
В ячейки диапазона A2-A11 перед каждой ячейкой столбца B в виде текста записываем открывающие HTML теги строки и ячейки

В ячейки диапазонов С2-С11 , E2-E11 , G2-G11 перед каждой ячейкой столбцов D , F и H в виде текста записываем закрывающий и открывающий HTML теги ячеек

Далее в ячейки A12 и A13 в виде текста записываем открывающий HTML тег строки и открывающий HTML тег ячейки с атрибутом colspan объединяющим в строках 12 и 13 столбцы B , D и F в одну ячейку

В результате получим таблицу заполненную как исходными данными в excel формате так и HTML тегами в виде текста.

Далее в Excel редакторе, выделяем таблицу в диапазоне A1-I13 , в меню программы выбираем команду «Сохранить как» и сохраняем выделенный фрагмент в виде текстового файла (например — tabltxt.txt), кодировка не имеет никакого значения, можно сохранять как в кодировке UTF-8 так и в кодировке Ms-DOS. Excel выдаст предупреждающее окно:

Нажимаем на клавишу «OK» и Excel опять выдаст окно предупреждения:

Нажимаем на клавишу «ДА» и выделенный фрагмент будет сохранён в виде текстового файла tabltxt.txt

Далее дальнейшую работу по конвертации переносим в HTML редактор , в принципе всё остальное так же можно сделать и в простом текстовом редакторе, но вариант с HTML редактором более предпочтителен .

Далее удаляем все «артефакты» в случае их наличия и все пробелы. Так же пишем стиль CSS для ячеек таблицы: td В результате получим исходный HTML текст таблицы в формате HTML. (скриншот приведён как есть без структурного форматирования HTML как если бы он выглядел в текстовом редакторе). В таком виде исходный текст таблицы пригоден для употребления в качестве HTML таблицы данных для публикации в материале, так как является чисто HTML форматом.

После сохранения таблицы в виде HTML файла и просмотре в Обозревателе получим следующее отображение таблицы конвертированной из excel формата в HTML формат.

Смысл всех вышеперечисленных действий сводится к однму:

1 . Сформировать перед каждой строкой таблицы excel, HTML строку и начало HTML ячейки.
2 . Сформировать между столбцами таблицы excel, конец одной и начало другой HTML ячейки.
3 . Сформировать после каждой строки таблицы excel, окончание HTML ячейки и строки.
4 . Сформировать в начале и в конце таблицы excel, начало и окончание HTML таблицы в виде тега table.

Само собой разумеется, что для более презентабельного отображения данных таблицы, необходимо прописать классы CSS в HTML тегах строк и ячеек таблицы. Например с атрибутами отступов, цвета и стиля шрифта, бордюров и прочего оформления. Но это уже отдельная тема не рассматриваемая в данном материале .

excel, преобразование excel в html

Рейтинг: 34 (помогла ли Вам эта инструкция: да / нет) Просмотров: 35681 Комментариев:

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *