Дмитрий Шмаков

Можно попробовать еще WPML.
Но хорошие плагины с хорошими функциями, как всегда, платные. Например, если Вы хотите не просто машинный перевод, а нормальный, или с возможностью самому исправить некоторые фразы в переводе. Или, например, чтобы еще и элементы темы были переведены.

А у меня отображается шрифт Adobe Garamond Pro.....

Вверху страницы редактирования записи есть ссылка Настройки экрана, нажимаете, выезжает список всех метабоксов, которые возможно использовать на этой странице, там снимаете галочку с пункта "Обсуждение".

Попробуйте Enlighter - Customizable Syntax Highlighter, сам его использую, могу сказать, что он справится с необходимыми Вам требованиям, возможно даже превзойдет их.

Нашел вот такую костыльную альтернативу: TinyMCE Advance + Gutenberg, в записи, если необходимо, вместо обычного блока параграфа использовать классический параграф, где есть возможность сделать все, что необходимо, и не потерять возможности нового редактора. Вот как-то так...

Думаю, лучше первый вариант, сразу видны разделы страницы, а не обертки. В большом файле запутаешься потом в div'ах. ИМХО

Тег label устанавливает связь с элементами формы, как он обратится к форме, если он не внутри неё? По спецификации этот тег работает только внутри формы.

<table border="2" class="table_main">
	<tr>
	  <td colspan="5">Ячейка</td>
	</tr>
	<tr>
	  <td>Ячейка 4</td>
	  <td colspan="4">Ячейка 6</td>
	</tr>
	<tr>
	  <td rowspan="4">Ячейка 4</td>
	  <td>Ячейка 6</td>
	  <td>Ячейка 6</td>
	  <td rowspan="2">Ячейка 6</td>
	  <td rowspan="2">Ячейка 6</td>
	</tr>
	<tr>
	  <td>Ячейка 6</td>
	  <td>Ячейка 6</td>
	</tr>
	<tr>
	  <td colspan="2">Ячейка 7</td>
	  <td>Ячейка 9</td>
	  <td>Ячейка 6</td>
	</tr>
	<tr>
	  <td colspan="2">Ячейка 4</td>
	  <td>Ячейка 6</td>
	  <td>Ячейка 6</td>
	</tr>
	</tr>
</table>

Можно вот так.

Возможно, файлы со стилями подгружались на страницу по абсолютным путям (с указанием старого адреса), на новом сервере он отличается, поэтому и не видит стили сайт. В пользу этого говорит и то, что изображения так же не загрузились. Попробуйте открыть инструменты разработчика через F12 в Chrome, например, посмотреть код страницы. Ну или открыть файл своего сайта, который Вы открываете в браузере и посмотреть, как подключается файл стилей.

@import "second.css";

Для выравнивания по вертикали есть свойство vertical-align. Но не совсем понятно, что Вы имеете ввиду под 100% по ширине и высоте? Они должны растягиваться? Может тогда добавить display: block; чтобы элемент стал блочным и занял пространство всего родительского элемента? Тогда при наведении курсора на ссылку будет выделяться весь элемент, содержащий ссылку.

Попробуй border-style: none; сначала для селектора table.class, где class - имя класса для конкретной таблицы, или же для каждой ячейке в таблице, если не получится.

Есть еще такой сервис проверки страниц на предмет отображения браузерами: browserstack.com/.

Мне кажется, что Вы, уважаемый автор, на данный момент задаете для себя слишком громадную задачу - сразу все узнать и выучить.
Начните с главного - что вы хотите сделать в первую очередь? Начать изучение web-разработки, создать свой первый сайт или начать работать над своим определенным проектом?
Если Вы хотите начать изучение языков верстки, программирования, то ищите справочные ресурсы по HTML, CSS для начала (или учебники). На многих сайтах есть достаточно грамотные пошаговые инструкции для начинающих.
Если Вам нужен какой-то определенный сайт создать, под свои нужды, то, может, Вам не стоит пытаться сделать его самостоятельно (судя по Вашим вопросам, это будет крайне проблематично для Вас).
После того, как Вы освоите верстку, можно уже дальше разбираться в базах данных, программировании на php или js. Но это уже следующая для Вас ступень развития.
Ну а SEO, как уже метко сказал коллега выше, целая область знаний, так просто наскоком и в один день не поймешь, особенно без основных знаний, как работают сайты, их структуры и т.д.
Поэтому, мое мнение, начните с малого. Иначе за двумя зайцами, как говорится.