Как переделать табличку HTML?

Question

[SankaSanka]

я пытаюсь на скриплетах сделать вот такую табличку

мой лучший результат - вот такая

вот мой код

<%
	out.print("<table border='2' cellpadding='5' cellspacing=false >");
	out.print("<tr>");
	out.print("<td  width='20'></td>");
		for (int i = 1; i < 10; i++) {
			out.print("<td align='center' width='20'></b>"+i+"</b></td>");
		}
  out.print("</tr>");
  out.print("</table>");
  
  
  out.print("<table border='1' cellpadding='5' cellspacing=false >");
  out.print("<tr>");
  
		for (int i = 1; i < 10; i++) {
			
			
			out.print("<td align='center' width='20'></b>"+i+"</b></td>");
			
			
			for (int j = 1; j < 10; j++)
				out.print("<td align='center' width='20'></b>"+(i * j)+"</b></td>");
			out.print("<tr>");
		}
		
		out.print("</tr>");
		out.print("</table>");
	%>

битва не на жизнь а на смерть идет второй день. идеи кончились.
помогите пожалуйста)

Answer 1

[Andrey K.]

Я так понял, нужно без CSS?
Тогда вариант с 4-мя таблицами внутри одной общей таблицы:
https://codepen.io/just_freelance/pen/poJGxOr

С CSS всё выглядит гораздо проще:
https://codepen.io/just_freelance/pen/PoqVyov

Comments

[SankaSanka]

Да!) спасибо огромное. Все работает :)

[Andrey K.]

Хорошо, тогда можете пометить мой ответ как решение вопроса )

Answer 2

[Сергей delphinpro]

Псевдокод

<table>
  <tr>
    for x = 0; x < 10; x++ {
      <td  border=2>
      if x > 0 { print x }
      </td>
    }
  </tr>
for y = 1; y < 10; y++ {
  <tr>
    for x = 0; x < 10; x++ {
      if x == 0 { <td border=2>y</td> }
      else  { <td>x*y</td> }
    }
  </tr>
}
</table>

Comments

[SankaSanka]

так не получается . border с TD не работает почему то. хотя написано тег универсальный(

[Сергей delphinpro]

SankaSanka, Воспользуйтесь дополнительным элементом

[SankaSanka]

Сергей delphinpro, спасибо огромное но это тоже не то.не такая картинка получается. на моей толстые тлько 4 линии. 2 горизонтальные и 2 вертикальные.
Я подозреваю тут копать надо в сторону комбинации таблиц. но как их 3 штуки нарисовать я не знаю(