Перейти к содержимому

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

Генерируйте разметку HTML-таблиц с настраиваемыми строками, столбцами и параметрами стиля.

Cell Content

Выход HTML

Предпросмотр таблицы

Header 1 Header 2 Header 3
Cell 1,1 Cell 1,2 Cell 1,3
Cell 2,1 Cell 2,2 Cell 2,3
Cell 3,1 Cell 3,2 Cell 3,3

Об этом инструменте

Генератор HTML-таблиц — это простой инструмент для создания правильно отформатированной разметки HTML-таблицы без ручного написания кода. Создаёте ли вы веб-сайт, добавляете данные в пост блога или документируете структурированную информацию, этот инструмент позволяет визуально определить структуру таблицы и создаёт чистый, соответствующий стандартам HTML, который можно вставить непосредственно в редактор или CMS.

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

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

Часто задаваемые вопросы

Реализация кода

# Generate an HTML table from a list of dicts
def generate_html_table(headers, rows, border=True, stripe=False):
    border_attr = ' border="1" style="border-collapse:collapse"' if border else ""
    lines = [f"<table{border_attr}>", "  <thead><tr>"]
    for h in headers:
        lines.append(f"    <th>{h}</th>")
    lines.append("  </tr></thead>", "  <tbody>")
    for i, row in enumerate(rows):
        bg = ' style="background:#f2f2f2"' if stripe and i % 2 == 0 else ""
        lines.append(f"  <tr{bg}>")
        for cell in row:
            lines.append(f"    <td>{cell}</td>")
        lines.append("  </tr>")
    lines.append("  </tbody>", "</table>")
    return "\n".join(lines)

headers = ["Name", "Age", "City"]
rows = [["Alice", 30, "New York"], ["Bob", 25, "London"]]
print(generate_html_table(headers, rows, border=True, stripe=True))

Comments & Feedback

Comments are powered by Giscus. Sign in with GitHub to leave a comment.