казалось чего проще написать html-страничку. Берем визуальный html-редактор и все будет в прорядке. Пока не идет простой текст с картинками -да.   Не все так просто, как кажется.  Недаром, многие используют блокнот для написания html.

Я тоже использую  визуальный редактор TinyMCE. Все было хорошо пока не завелось у меня на странице (а также этой) немалое количество таблиц. Вставить столбец или строчку - без проблем, а вот отсортировать таблицу по какому-нибудь параметру - нельзя. Даже добавить строчку(столбец) с одинаковыми записями во все таблицы проблема, надо ручками делать во всех таблицах.

Казалось выход - есть: берем MS Word, делаем в нем таблицу и сохраняем ее в html.  И что-же мы видим, вместо ожидаемого кода для таблицы два*два

<table>
<tr>
<td> строка 1 ячейка 1</td>
<td> строка 1 ячейка 2</td>
</tr>

<tr>
<td>строка 2 ячейка 1</td>
<td>строка 2 ячейка 2</td>
</tr>

</table>

видим:

<html xmlns:v=”urn:schemas-microsoft-com:vml”
xmlns:o=”urn:schemas-microsoft-com:office:office”
xmlns:w=”urn:schemas-microsoft-com:office:word”
xmlns:m=”http://schemas.microsoft.com/office/2004/12/omml”
xmlns=”http://www.w3.org/TR/REC-html40″>

<head>
<meta http-equiv=Content-Type content=”text/html; charset=windows-1251″>
<meta name=ProgId content=Word.Document>
<meta name=Generator content=”Microsoft Word 12″>
<meta name=Originator content=”Microsoft Word 12″>
<link rel=File-List href=”dva.files/filelist.xml”>
<!–[if gte mso 9]><xml>
<o:DocumentProperties>
<o:Author>ML</o:Author>
<o:Template>Normal</o:Template>
…..

всего 24 килобайта. И где там найти текст, относящийся к ячейке :twisted:

Если сохраним без форматирования, то будет немного полегче:

<html>

<head>
<meta http-equiv=Content-Type content=”text/html; charset=windows-1251″>
<meta name=Generator content=”Microsoft Word 12 (filtered)”>
<style>
<!–
/* Font Definitions */
@font-face
{font-family:”Cambria Math”;
panose-1:2 4 5 3 5 4 6 3 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin-top:0cm;
margin-right:0cm;
margin-bottom:10.0pt;
margin-left:0cm;
line-height:115%;
font-size:12.0pt;
font-family:”Times New Roman”,”serif”;}
.MsoPapDefault
{margin-bottom:10.0pt;
line-height:115%;}
@page Section1
{size:595.3pt 841.9pt;
margin:2.0cm 42.5pt 2.0cm 3.0cm;}
div.Section1
{page:Section1;}
–>
</style>

</head>

<body lang=RU>

<div class=Section1>

<table class=MsoTableGrid border=1 cellspacing=0 cellpadding=0
style=’border-collapse:collapse;border:none’>
<tr>
<td width=319 valign=top style=’width:239.25pt;border:solid black 1.0pt;
padding:0cm 5.4pt 0cm 5.4pt’>
<p class=MsoNormal style=’margin-bottom:0cm;margin-bottom:.0001pt;line-height:
normal’><span style=’font-size:11.0pt’>строка 1 ячейка 1</span></p>
</td>
<td width=319 valign=top style=’width:239.3pt;border:solid black 1.0pt;
border-left:none;padding:0cm 5.4pt 0cm 5.4pt’>
<p class=MsoNormal style=’margin-bottom:0cm;margin-bottom:.0001pt;line-height:
normal’><span style=’font-size:11.0pt’>строка 1 ячейка </span><span
lang=EN-US style=’font-size:11.0pt’>2</span></p>
</td>
</tr>
<tr>
<td width=319 valign=top style=’width:239.25pt;border:solid black 1.0pt;
border-top:none;padding:0cm 5.4pt 0cm 5.4pt’>
<p class=MsoNormal style=’margin-bottom:0cm;margin-bottom:.0001pt;line-height:
normal’><span style=’font-size:11.0pt’>строка </span><span lang=EN-US
style=’font-size:11.0pt’>2</span><span style=’font-size:11.0pt’> ячейка 1</span></p>
</td>
<td width=319 valign=top style=’width:239.3pt;border-top:none;border-left:
none;border-bottom:solid black 1.0pt;border-right:solid black 1.0pt;
padding:0cm 5.4pt 0cm 5.4pt’>
<p class=MsoNormal style=’margin-bottom:0cm;margin-bottom:.0001pt;line-height:
normal’><span style=’font-size:11.0pt’>строка </span><span lang=EN-US
style=’font-size:11.0pt’>2</span><span style=’font-size:11.0pt’> ячейка </span><span
lang=EN-US style=’font-size:11.0pt’>2</span></p>
</td>
</tr>
</table>

<p class=MsoNormal>&nbsp;</p>

</div>

</body>

</html>
хоть стало видно, где  ячейки таблицы.

Хорошо, что добрые люди сделали программы для чистки генерируемого MS WORD html-кода.  Напустим на сохраненные файлы программу для очистки и получим в первом случае:

<table border=1 cellspacing=0 cellpadding=0>
<tr>
<td width=319 valign=top>
<p>строка 1 ячейка 1</p>
</td>
<td width=319 valign=top>
<p>строка 1 ячейка 2</p>
</td>
</tr>
<tr>
<td width=319 valign=top>
<p>строка 2 ячейка 1</p>
</td>
<td width=319 valign=top>
<p>строка 2 ячейка 2</p>
</td>
</tr>
</table>

второй вариант чистить программа отказалась, но все равно уже хорошо получается. Можно в любом блокноте (или текстовом редакторе) прибить тэги <p>  и ширины ячейки и все будет в порядке.