Можно копировать HTML из WORD или Exel в текстовое поле через специальный элемент
примерно так:
<BODY>
Скопируйте фрагмент сюда:<BR>
<DIV contentEditable='tru<wbr />e' border=1 Id=E></DIV>
<input type=button value="Показать код" onclick=document.get<wbr />ElementById('txt').va<wbr />lue=document.getEleme<wbr />ntById('E').innerHTML<wbr />><BR>
<TEXTAREA Id=txt cols=80 rows=20></TEXTAREA>
</BODY>
Для вёрстки HTML-кода можно использовать инструменты разработчика в Google Chrome. Чтобы открыть инструменты разработчика нужно нажать на клавишу F12.
Там не только можно смотреть/редактирова<wbr />ть элементы, но ещё можно посмотреть CSS к элементу, через брекпойнты определить какая команда меняет элемент, и даже можно выполнить произвольную команду JavaScript прямо в консоле.
Но учтите что изменения не сохраняются, лучше использовать для отладки. Можно создать элемент, редактировать CSS и одновременно посмотреть как это будет выглядеть в браузере. Потом можно скопировать HTML-код элемента и вставить в HTML-файл. А также после внесения изменений в CSS, можно скопировать весь CSS-код и вставить его в CSS-файл очистив весь CSS-файл.
Также для вёрстки HTML-кода можно использовать текстовые редакторы (например, Notepad++)
А также для вёрстки HTML-кода можно использовать бесплатную программу Brackets.
В Brackets можно удобно писать HTML/CSS-коды/JavaScript. Когда пишете код, у Вас появятся подсказки (HTML-тэги, HTML-аттрибуты, CSS-классы, CSS-параметры и значения, функции JavaScript, имена файлов). А если будет ошибка (например: забыли закрыть тэг, отпечатка в пути к изображению, несуществующая функция JavaScript и т. д.), то редактор покажет эту ошибку.
Сайтостроительством занимаюсь уже 20 лет и никогда не встречал браузер, для которого регистр тэгов имел хоть какое ни будь значение. В любом языке программирования есть функции приведения текста к нижнему или верхнему регистру, которые обязательно используются при написании лингвистических анализаторов, чтобы упростить дальнейший анализ и минимизировать проблемы связанные с человеческим фактором. Чтобы убедится, что регистр не имеет значения, прогоните страницы с разным написанием тегов через W3C-валидатор и убедитесь, что ошибкой это не будет. Так же учитывайте, что правилом хорошего тона в программировании является использование единой стилистики во всем коде. Обычно теги все таки пишут в нижнем регистре.
Вам поможет свойство valign, то есть, vertical align. Чтобы данное свойство применить ко всем элементам td вашей таблицы, просто пропишите в css стилях:
td { valign:top; }
За горизонтальное выравнивание отвечает свойство text-align
Из бесплатных можно порекомендовать html academy и stepik.org - бесплатный функционал на них сделан довольно-таки качественно, если делаете первые шаги в изучении html, css и верстки. Авторы на них дают хороший теоретический материал по спецификациям и без заумных слов.
Из русскоязычных можно также попробовать видеокурс webformyself по верстке лендинга - видеокурс пошаговый и заточен под конкретный урок. В конце получится сверстанный лендинг.
