.logo
{
width:980px; margin:0 auto; /* /* ширина блока */
height: 144px; /*высота блока*/
background-image: url(images/logo.jpg); /*вставляем рисунок в виде фона*/
}

методом от противного могу предположить, что нужно что-то подобное соорудить для таблицы, только как это обозначить?

.table
{
width:980px; margin:0 auto; /* Ширина - 980px Устанавливается по центру экрана */
border: 1px solid black; /* Рамка одинарная черного цвета. Равна 1px */
}

Что означает, на Ваш взгляд,
margin:0 auto;
?

Там же пояснения написаны и в них про отступы ничего не сказано :-)
width:980px; margin:0 auto; /* Ширина - 980px Устанавливается по центру экрана */
Нетрудно догадаться, что
width:980px; /* Ширина */
margin:0 auto; /* устанавливает по центру экрана */

Ширину таблицы нам указать необходимо. Это понятно. Надо ли нам устанавливать таблицу по центру экрана?
При ответе "Да" или "Нет" желательна аргументация :-)

А если не задать по центру, то таблица не съедет в сторону относительно "шапки", которая задана по центру, или то, что всё это (и таблица) сидит в дивах - то уже будет по центру. Я как-то не могу определиться с функциями файлов css и html. Как-то туманно у меня все.

Откуда эта цифра - 940???

Все очень просто.
В html мы не будем прописывать никаких параметров и функций (и не прописывали до сих пор).
В html только объекты! Вот мы прописали в html, например <div><div> - это блок. Все остальные параметры этого блока (ширина, высота, рамка, цвет фона, размер шрифта, расположение и т.д. и т.п.) расписываем в css.
В html прописываем, например. таблицу. Просто указываем, что есть таблица. И, опять же, все параметры данной таблицы или ее ячеек прописываем в css.

Так я и не поняла,

Есть блок в 980px, который установлен по центру.
Есть таблица 980px, которая находится в этом блоке.
Надо ли ее устанавливать по центру?

Есть шкаф, который стоит по середине комнаты.
Есть книги.
Пихаем эти книги в шкаф. Будут ли книги по середине комнаты?
Без надежды на ответ, отвечаю сам. Да! Книги будут по середине комнаты! :-)

Предполагается там что-то или нет, мы пока об этом не думаем. Дано конкретное задание в css прописать, что эта таблица 980px и имеет рамку черного цвета в 1px.
ВСЁ! Больше ничего мудрить и ни о чем думать не надо!

Вообще-то я об этом говорил и неоднократно :-)
Итак, браузер читает, читает файл html и вот натыкается... На что? Конечно на имя класса! Которое мы задаем произвольно. Так вот значит он наткнулся, например, на <table class="tbl">
Ага! Подумал браузер и пошел в файл css
Закономерный вопрос, на хрена он туда поперся?
Конечно для того, что бы найти параметры этого класса. И принялся браузер читать css
И вдруг видит
.tbl
Во, блин! Подумал он одна и та же хрень состоящая из трех букв. Что в файле html, что здесь в css и принялся он читать, то что в фигурных скобках.
.tbl
{
width:980px;
border: 1px solid black;
}

И задал он такие параметры данному объекту, т.е таблице.
Вот собственно :-)

<div class="container">
<div class="logo"></div>
<table> - здесь нужно как-то по-другому написать?<table class="tbl">
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</table>
</div>

Здесь мы задаем параметры контейнера: ширину и рамку.
.container
{
width:980px; margin:0 auto; /* Ширина - 980px Устанавливается по центру экрана */
border: 1px solid black; /* Рамка одинарная черного цвета. Равна 1px */
}
Параметры рисунка: ширину , высоту, что он-фон
.logo
{
width:980px; margin:0 auto; /* /* ширина блока */
height: 144px; /*высота блока*/
background-image: url(images/logo.jpg); /*вставляем рисунок в виде фона*/
}

margin:0 auto; получается лишнее? Если всё выравнивает div ?

Так, теперь про таблицу.
.tbl
{
width:980px;
border: 1px solid black;
}

В итоге будет так?
.container
{
width:980px; margin:0 auto; /* Ширина - 980px Устанавливается по центру экрана */
border: 1px solid black; /* Рамка одинарная черного цвета. Равна 1px */
}

.logo
{
width:980px; margin:0 auto; /* /* ширина блока */
height: 144px; /*высота блока*/
background-image: url(images/logo.jpg); /*вставляем рисунок в виде фона*/
}

.tbl
{
width:980px;
border: 1px solid black;
}

Итак, еще раз о наших баранах.

Есть у нас блок <div></div> Если мы хотим задать ему параметры, то задаем ему класс ПРОИЗВОЛЬНО, был бы написан в одно слово и латинскими маленькими буквами, например, <div class="name"></div> Теперь задаем этому классу в файле css сами параметры и их значения
.name
{
xxx: xxxxxx;
yyy: 100px;
}

Всё. Справились. Обратите внимания чему мы задали класс, а следовательно параметры. Объекту div
В случае с рисунком, то никаких параметров мы ему не задавали.
Мы задали параметры блоку <div class"logo"></div>, в который поместили рисунок.
На хрена рисунку наши параметры? Кто не знает, что наш рисунок имеет ширину 980px?
Кто не знает его высоту? У этого рисунка уже есть свои параметры, которые мы дали ему в photoshop.
Как мы можем указать рисунку, что он фон? :-)
Если мы кому-нибудь скажем: "Моя зеленая краска является фоном стены", то нас не правильно поймут :-) Поэтому мы говорим: "Стена имеет цвет (фон) зеленого цвета".
PS
Все это очень важно.
Мышление программиста (Вы теперь относитесь к числу таковых) координально отличается от мышления простого человека. Если простого человека попросить написАть инструкцию последовательности действий (алгоритм), человека, например, которому необходимо зайти в лифт, то будет написано примерно так: "После открытия двери лифта, необходимо зайти в кабинку лифта". Программист напишет примерно так: "После открытия двери лифта необходимо заглянуть в кабинку и определить есть ли свободное место в данной кабинке. Убедившись в этом необходимо посмотреть на пол кабинки и определить место, на которое Вы решили поставить свою левую ногу. Затем Вам необходимо рассчитать длину шага, для того. что бы ступить именно на то место, которое Вы наметили..." и т.д. и т.п. Это шутка, конечно, но рациональное зерно в этом есть :-)