Вопрос по html от новичка

Ну если интересна эта тема в целом...

Сюда накидал несколько примеров, которые часто бывают нужны начинающим HTML текстовикам)) https://jsfiddle.net/OPTlMUS/uL0wjm6a/

<... color="..." background="..." > — такая запись устарела и запутывает код...

<div style="border: 2px solid red; background: orange; width: 100px; height: 50px;">
В таком виде оптимальнее писать...
</div>

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

<style> .bubu {border: 2px solid red; background: orange; width: 100px; height: 50px;}</style>

<div class="bubu"> ...</div>

Т. е. элементу задается любое имя (класс; первый символ не может быть цифрой) — и уже в отдельном месте можно прописать все стили, ссылаясь на этот класс. Эту штуку назвали CSS (Cascade Style Sheets) и он снова делает HTML настолько простым, каким он и должен быть. Чтобы легче было вникать код. Потому параллельно с HTML можно изучать CSS, потому что все статичные стили в HTML совпадают с CSS... а в последнем еще есть возможность добавить поведение элементов при наведении курсора, клике... делать анимации и т. п.)
________________

вместо font можно использовать span...

<style> .moo {color: #045acf; border-bottom: 2px solid orange; font-size: 30px; font-family: Impact;}</style>

<span class="moo"> ...</span>

Раз не желает работать utf-8 - замените его на charset=windows-1251. Это уж точно кодировка кириллицы. Хотя и устаревшая

не оно ломает твой текст, а формат кодировки в блокноте отличный от utf-8, а по сути, это жесткое указание кодировки.. но уже в принципе устарело

берешь блокнот, сохраняешь файл, внизу выбираешь utf-8, меняешь расширение на HTML и все будет работать

meta charset="utf-8"/ - забыла / поставить

utf-8 это такая кодировка, ты пишешь в блокноте, там windows сохраняет в кодировке windows-1251, поэтому если писать в блокноте то то нужно писать charset=windows-1251
Есть программа например notepad++, там можно выбрать разные кодировки в том числе и utf-8

utf8 - utf16 кодировки самые расщиреные ои могут включать обычные буквы алфавитов разных стран
и дополительные значки и символы которые не отображаются в стадартных кодировкуах не utf

читакем и развиваемся
тег meta кодировка - http://htmlbook.ru/html/meta/charset
тег meta детально - http://htmlbook.ru/html/meta

1) что это вообще такое meta charset="utf-8"?

Выбор кодировки (нужен для использования русского языка в некоторых браузерах)

2) Зависит от браузера

3) Попробуй убрать или использовать другую кодировку

В таких случаях бери кодировку другую