Илья (betmenik)

Смотря для чего. Если для верстки, то шрифтов и так полно, скачать не долго.

Я это написал на HTML все, как оно будет выглядеть в коде. А с float:left; следить не нужно, все встанет на свои места как нужно! Для полной уверенности после этого кода можно еще добавить:

<div style='clear:both;'></div>

Ну а выводить это все в программе, это думаю не так сложно.
Если на PHP, то написать простой цикл. Например

do {

тело цикла

} while(условие);

Завести переменную $i=0; перед циклом, а в теле цикла после кода поставить $i++;

В самом теле цикла поставить функцию на определение четных и не четных чисел. Типа, если четное число в переменной $i, то присваиваем стиль к диву белый, если не четный то черный.

Такой цикл много весить не будет, и мгновенно все выводит.

Если делать на тегах DIV, то нужно их не мало написать.
Например, общий тег, в котором все содержется:

<div style='wifth:800px; height:800px;'></div>

То есть квадрат 800 на 800 пикселей. (8 клетов по 100px с каждой стороны)

Ну а потом внутри него пишем так:

<div style='wifth:800px; height:800px;'>

<div style='background:black; width:100px; height:100px; float:left;'></div>
<div style='background:white; width:100px; height:100px; float:left;'></div>
<div style='background:black; width:100px; height:100px; float:left;'></div>
<div style='background:white; width:100px; height:100px; float:left;'></div>
<div style='background:black; width:100px; height:100px; float:left;'></div>
<div style='background:white; width:100px; height:100px; float:left;'></div>
<div style='background:black; width:100px; height:100px; float:left;'></div>
<div style='background:white; width:100px; height:100px; float:left;'></div>

</div>

Все что внутри этого тега, повторите скопировав еще семь раз, также во внутрь. Потом можете проверять, шахматная доска готова.