HTML для создания сетки финальной четверки турнира?

Я действительно не знаю, что вам нужно из вопроса, но, судя по всему, попробуйте:

http://www.bracketmaker.com/

Наткнулся на этот HTML-код, и это помогло. Я отправлю его на всякий случай, если у кого-то в будущем возникнет такой же вопрос.

table.bracket {
    border-collapse: collapse;
    border: none;
}

.bracket td {
    vertical-align: middle;
    width: 40em;
    margin: 0;
    padding: 10px;
}

.bracket td p {
    border-bottom: solid 1px black;
    margin: 0;
    padding: 5px 5px 5px 5px;
}

.bracket th{
    text-align:center;
}

<table summary = "Tournament Bracket" class = "bracket">
<tr>
    <th>National Semi-Finals<br>Saturday November 8th</th>
    <th>National Championship<br>Sunday November 9th</th>
    <th>NJCAA National Champion</th>
</tr>
<tr>
    <td><p>#1 Manchester CC (17-2-1)</p></td>
    <td rowspan = "2"><p></p></td>
    <td rowspan = "4"><p></p></td>
</tr>
<tr>
    <td><p>#4 Triton College (13-4-0)</p></td>
</tr>
<tr>
    <td><p>#2 Herkimer County CC (18-3-0)</p></td>
    <td rowspan = "2"><p></p></td>
</tr>
<tr>
    <td><p>#3 County College of Morris (17-3-0)</p></td>
</tr>
</table>

редактировать, возился: http://jsfiddle.net/4KZ6T/

Этот плей-офф NBA скобка, созданный с использованием html / css и сообщение в блоге об этом, может стать источником вдохновения.

Обновлено: Этому ответу почти 12 лет. Ссылки мертвы, и с тех пор HTML и CSS развили много. Вот хороший обзор турнирных таблиц HTML / CSS, собранных в 2018 году Крисом Койером (основателем CSS Tricks и Codepen) https://blog.codepen.io/2018/02/16/need-make-tournament-bracket/