Я долгое время не обращала на них никакого внимания, считая что они нужны лишь для для программистов и владельцев платных аккаунтов. Пока однажды...
Но всё по порядку...
Что такое таблицы, в моём понимании? Это квадратики и прямоугольнички, в которых можно что-то написать.
Можно, конечно, сделать им красивые рамки, и фон, можно даже поставить фотографии, но меня это не особо впечатляет. Однако...
Таблицы можно использовать как рамки. Причём ОЧЕНЬ существенным их преимуществом перед рамками является то, что им не надо задавать размер. Они сами будут растягиватся или сжиматься обрамляя текст или фото. Но об этом я потом расскажу.
А ещё, из таблицы можно сделать интересную штучку, типа бродилки. При нажатии определённых полей, по вашему желанию, они срабатывают как ссылки.
Вот простейший вариант, с фотками. Найден на просторах дайри, не помню где, автор
Shendary. Но сама таблица была в открытом доступе с выложенным кодом. Так что утащено честно.)
На этом примере очень хорошо понятен принцип действия. Попробуйте понажимать кнопки.
Код для вставки таблицы
Ну а теперь посмотрите что из этого можно получить). Кстати, подобную штучку спокойно можно вставить в эпиграф.
Кроме того, размеры и количество кнопок-зависят только от вашего вкуса и желания.
Ещё один плюс этой конструкции-это то, что вам не придётся загружать фотки в БИ.
А недостатками является то, что невозможно добавлять кнопки автоматически, и то, что я пока не придумала, как двигать всю таблицу вместе. Центрировать таблицу, всю и сразу, вы не сможете, так как отдельные ячейки будут расползаться. Придётся подбирать фотки или каждый раз делать сдвиги для каждой ячейки и для каждого варианта.
Ой придумала! Маленькая хитрость
тут
Если вы заметили, то вся таблица и получившиеся бродилки слегка сдвинуты вправо. Попытки сдвинуть их целиком, с помощью стандартных кнопок, увы проваливаются. Они не двигаются. Но есть маленькая хитрость. Вы можете заключить всю готовую таблицу (бродилку) в ещё одну таблицу, с одной ячейкой, и двигать уже её.
Для сведения, ещё одной причиной сдвига может быть то, что правая и левая части имеют разную ширину.
Для показательности я сделала эту новую таблицу как рамку, и вот результат...Двигайте, как душе угодно.)
Немного о простейших таблицах
Простейшая одноячейковая таблица, которую можно использовать и как рамку.
border-рамка
4px-толщина рамки
solid-сплошная рамка (вид рамки)
#660033-номер цвета рамки
background-фон
background-color-цвет фона. При желании, его можно не указывать и табличка будет прозрачной.
#ffffff-номер цвета фона. В данном случае-белый.
-тег, разделяющий таблицу от содержимого.
И не забудте поставить завершающий тег 
.
На заметку, в большинстве случаев, параметры рамки пишутся в кодах первыми, потому как она накладывается НА фон, прикрывая его края. В случае когда фоном идёт просто цвет, это может быть не важно, но если фоном ставится фотография-это может играть важную роль.
| Сюда вставляется код таблицы или бродилки |
Готовый код
.
И не ругайте меня слишком строго, хреновый из меня художник(((.
Мои эксперименты
Вы так же можете сделать бродилку в формате png.