Здравствуйте, Дима Бортич!
Вы писали: "Решил подучиться новой профессии" - почему новой? У Вас уже есть какие-то ранее-полученные профессии?

"мне сказали обучится вэб программированию" - кто сказал и по какой причине? Вы спрашиваете совет у незнакомых экспертов Портала rfpro.ru , но при этом поленились заполнить свою Регистрационную карту. Как и что мы можем советовать Вам, если мы совсем ничего не знаем о Вас ? Сколько Вам лет? Каков Ваш уровень подготовки? Какие Ваши сильные и слабые стороны? Таланты и дефекты? Всё это очень важно для удачного выбора профессии на долгие годы.

Приведу пример : Всем известно, чтобы победить силача, надо применить ловкость, смекалку, натренированную технику, хитрость… Примерно такая же конкуренция происходит и в умах людей. Есть люди очень одарённые от Природы, их Память - бездонная бочка, изучай хоть каждый день - и всё запомнится! Но как выживать слабо-умным людям, чтоб добиваться не худших успехов во благо себе, своей семье и обществу? Надо сначала решить главную задачу: Узнать свои слабые места и козыри!

Вы писали "кто нибудь из вас… мог бы давать мне задание" - в школе мне давали задания, но я понял, что это очень вредно! Потому что соображал я чуть логичнее других, но с памятью у меня было очень тяжко. Если я в угоду учителям русской или украинской литературы зазубривал нескладные и ненужные мне стихотворения Некрасова / Тычины, я автомати забывал очень полезные формулы по математике, физике и химии. Мне пришлось прекратить зубрёжки, я стал двоечником по литературам, но побеждал на районных (а иногда и на областных) олимпиадах по точным наукам.

На производстве меня неоднократно предупреждали об увольнении за проваленный экзамен по ТБ (Технике Безопасности), но не увольняли, потому что я расходовал свою "худенькую" Память точно в цель, и всегда был лучшим спецом по КИП, Автоматике и электронике. При этом я никогда не попадал в аварии, от них страдал наш другой уважаемый инженер, который помнил ТБ лучше всех и принимал экзамены по ТБ.

Вот и сейчас добрый Константин Николаевич объясняет мне про ненужный для локальных документов тэг [$60$]!DOCTYPE> , но я знаю, что мне нельзя вникать в его советы, иначе изза лишних знаний я автомати забуду более важные знания (Маткад, VBScript , PowerShell …)

Вы писали : "Я прочёл теги вроде всё легко" - потому что Вы читали тэг-учебник как роман или стихи Пушкина. Поэтому Вы так и не поняли причину, отчего строчки "в браузере растянуты на всю жирину".
Вы стреляли не в цель, а по кустам, Вы израсходовали без пользы весь свой боекомплект-запал на всякие тэги [$60$]!DOCTYPE> и многочисленные чужие слова стихов. И когда Вы наконец добрались до главного тэга [$60$]br> , Ваше внимание иссякло, и Вы исказили изучаемый тэг в грязно-бессмысленное слово [$60$]be /> .

А всё потому что Вы просили помощь, но не внимаете советам. И получается, мы зря теряем время. Повторяю второй и последний раз: "Главный тэг - это [$60$]br> - принуди-перенос строк. Без него браузер склеивает строки, игнорируя множественные пробелы и обычные символы переноса строки".

Чтобы понять работу тэга [$60$]br> и не страдать от строчки "в браузере растянуты на всю жирину", вовсе не надо повторять чей-то чужой большой код с куплетами. Просто создайте простейший Текстовый документ с 2мя строками:
Привет, Дима!
Это - вторая строка.
Этот "Текстовый документ" открывается по-умолчанию в текст-редакторе Блокнот, потому что его файловое расширение - .txt .
Переименуйте этот докум, чтоб его расширение стало .htm . Теперь Вы замечаете Чудо : Ваш документ открывается Браузером! Запомнили первое правило, как создавать htm-страницы.

Однако, в Браузере обе строки отображаются как единая строка. Потому что, как я уже писал, Браузер игнорит обычные строк-переносы и воспринимает множественный пробел, как единый. Открываем наш .htm-файл в текст-редакторе. Для этого существует много способов : "Открыть с помощью…", "Изменить", "Просмотр HTML-кода (в браузере Internet Explorer)"…

В начало второй строки вписываем тэг [$60$]br> (можно 2 таких тэга). Сохраняем изменения в файл. Теперь Браузер отображает обе текстовых строки на отдельных экран-строках. Запомнили это второе и главное правило.

И так далее : Каждый новый изучаемый тэг испытываем в минимально-необходимой паре текстовых строк: одна с тэгом, другая - без него. Это третье правило позволяет легко увидеть разницу и понять (а не зазубрить бестолково) действие каждого нового тэга "в чистом виде". Когда Вы изучаете новый тэг, который Вам зачем-то понадобился (а не навязан учителем), то Вы усваиваете его легко и с удовольствием.

"вэб программированию, типа это щас трент" - никакой это не трент! Я уже 5 лет сохраняю свои документы в удобных и компактных html-страницах. Но как только я сохраняю чужую страницу с интересной статьёй с к-либо сайта, загаженного рекламой, то первым делом я обрабатываю сохранённую копию так, чтоб "убить" в ней мерзкие элементы вэб программирования. В компактном htm-документе остаются текст статьи, картинки, ссылки, цвет/фон-украшательства с моим любимым шрифтом. Суммарный объём полезного остатка получается примерно в 10 раз меньше объёма удалённого вэб-мусора.

Вэб-навороты нужны только сайто-писателям. Нужно ли Вам поддаваться моде и чьим-то советам учиться писать рекламные сайты? Я советую Вам жить своим умом с наибольшей пользой.
Конкуренция среди вэб-программистов необычайно высока! Только самые одарённые и работящие находятся на вершине пирамиды и "снимают сливки". Быть посредственным программистом - о-очень НЕуютно!