1. Запустите простейший текстовый редактор Блокнот
2. 
Внесем HTML-код основной структуры страницы:
<html>
<head>
<title>
Обыкновенный тюлень
</title>
<body>
Обыкновенный тюлень
</body>
</html>
3. 
Сохраним этот код как Web-страницу: Файл-Сохранить как имя файла tulen.htm в отдельной папке созданной для страниц сайта, например в папке «САЙТ». Зайдите в созданную папку «САЙТ» там появился файл, откройте его. Обратите внимание что в названии страницы находится текст который мы внесли между тегами <title>, а на самой странице пока только одна фраза, которую мы внесли внутрь тега <body>.
4. Оформим текст «Обыкновенный тюлень» на странице, как заголовок, разместим его по центру и отделим от основного текста горизонтальной чертой, для этого добавим теги форматирования.
Чтобы изменения вступили в силу, необходимо нажать ФАЙЛ-СОХРАНИТЬ, а в браузере обновить страницу.
Теперь страница имеет вид:
5. Добавим цвет фону страницы и тексту. В языке HTML используется таблица цветов
Есть и другие цвета их можно найти в сети Интернет.
Добавим в код страницы атрибуты тегу <body> помним о том, что если цвет фона темный, цвет букв должен быть светлым или наоборот!
Чтобы изменения вступили в силу, необходимо нажать ФАЙЛ-СОХРАНИТЬ, а в браузере обновить страницу.
Теперь страница имеет вид:
6. Добавим на страницу текст с описанием животного (можно скопировать):
Представитель семейства настоящих тюленей. Распространены циркумполярно и встречаются во всех морях примыкающих к Северному Ледовитому океану.
Два подвида находятся в Красной книге (европейский подвид и тюлень Стейнегера или островной тюлень).
Заселяют прибрежные воды Атлантического и Тихого океанов, а также Балтийского и Северного морей. Обыкновенные тюлени бывают коричневого, рыжеватого или серого цвета и имеют характерные V образные ноздри. Взрослые особи достигают 1,85 м в длину и 132 кг массы. Самки живут до 30—35 лет, а самцы до 20—25 лет. Обыкновенные тюлени обычно заселяют скалистые места, где их не могут достать хищники. Общемировая популяция тюленей составляет от 400 тыс. до 500 тыс. особей. Некоторые подвиды находятся под угрозой исчезновения; подвид Phoca vitulina vitulina охраняется в рамках Соглашения по Ваттовому морю.
Получим следующий код:
Чтобы изменения вступили в силу, необходимо нажать ФАЙЛ-СОХРАНИТЬ, а в браузере обновить страницу.
Теперь страница имеет вид:
Обратите внимание что на странице отсутствует разбивка текста на абзацы и нет форматирования символов (жирный, курсив, подчеркивание)
7. Отформатируем текст на странице: в начале каждого абзаца добавим тег <p>
Чтобы изменения вступили в силу, необходимо нажать ФАЙЛ-СОХРАНИТЬ, а в браузере обновить страницу.
Теперь страница имеет вид:
8. Добавим теги форматирования символов: первое выделенное слово «циркумполярно» - жирное начертание, добавим в код тег <b>
Чтобы изменения вступили в силу, необходимо нажать ФАЙЛ-СОХРАНИТЬ, а в браузере обновить страницу.
Теперь страница имеет вид:
9. Отформатируем остальные слова:
Помните о том, что теги форматирования являются парными, не забывайте ставить закрывающий тег там где данный вид форматирования заканчивается!
Чтобы изменения вступили в силу, необходимо нажать ФАЙЛ-СОХРАНИТЬ, а в браузере обновить страницу.
Теперь страница имеет вид:
