Алгоритм правильного выбора нужной ниши

Как Вы заметили, броузер открыл маленькую часть написанного текста.
Пропало все,что было заключено между символами.

1 <...>
Символы <> и все,что находится внутри называется ТЕГОМ-это основа HTML.
Теги указывают браузеру каким образом представить предложенный вами материал.
Теги оформления текста.
Почти все теги этой категории являются контейнерными – состоят из открывающего и закрывающего тегов

1 <b>.....</b>
Например,тег
1 <strong>Полужирный текст</strong> браузер покажет как:

Полужирный текст

Тег
1 <em>Наклонный текст</em>
– Наклонный текст.
Все контейнерные теги могут вкладываться друг в друга,необходимо только соблюдать правила закрывания тегов. Например:
1 <strong>Это полужирный текст<em>Это полужирный и наклонный текст</em></strong>
Это полужирный текст.Это полужирный и наклонный текст

Теги начертания

1 <strong>..</strong> - Полужирный
2 <em>..</em> - Курсив
3 <span style="text-decoration: underline;">..</span> - Подчеркнутый
4 <span style="text-decoration: line-through;">..</span> - Зачеркнутый
5 ^.. - Верхний индекс
6 _.. - Нижний индекс
7 <small>..</small> - Мелкий
8 <big>..</big> - Крупный
Теги оформления абзаца.

Тег абзаца

1 <p [align=значение]>...</p> имеет параметр align,отвечающий за выравнивание текста и может принимать следующие значения:
1 "center" - по центру
2 "left" - слева (установлен по умолчанию)
3 "right" - справа
4 "justify" - равномерно по всей ширине.Добавляются пробелы.

Например:
1 <p align="center">Текст расположен по центру</p>

Текст расположен по центру

Тег переноса – для разрыва строки.
Для переноса строки (разрыв строки) служит тег.