как в этой таблице менделеева обозначены металлы а как неметаллы. (синим, красным, темно-красным)

Красным цветом изображено семейство s-элементов; темно-красным, - семейство р-элементов; синим, - семейство d-элементов и черным, -семейство f-элементов.

А если хотите различить металлы и неметаллы, то ориентируйтесь по приблизительной диагональной линии бор-астат. То, что справа вверху от этой линии -- неметаллы, слева внизу -- металлы.