1. В созданной вами папке "Мой сайт" или "Site", там, где хранится файл index.html, создавайте папку images, то есть изображения. Там они и будут храниться. У нас в ней заранее сохранен логотип сайта в виде файла logo.gif.

2. Установив курсор в первой ячейке таблицы, жмем вкладку Images: Image и выбираем этот файл с логотипом. Жмем ОК.

3. Появится окно "Alternative text", в котором пишем, "Мой первый сайт".

Кстати, этот текст будет появляться при наведении курсора мышки на логотип, так же он особенно полезен, если функция отображения картинок в браузере будет отключена.

4. Переводим курсор мышки на правую ячейку таблицы.

5. Пишем там "мой первый сайт".

6. Текст выделяем и жмем панельку h1 во вкладке Text на рабочей панели.

Кстати, по тегам:

h1 – тег для создания первых заголовков, h2 – вторых, h3 – третьих и так далее.

7. Теперь курсор мышки устанавливаем на четвертой ячейке, в которой пишем что-то вроде: " главная страница сайта". Выделяем текст, во вкладке Text выбираем h2, получается заголовок второго уровня.

8. Далее курсор  нужно установить в конце строки и нажать BR (переход на следующую строчку).

9. В этой новой строке будет вставлен заранее приготовленный текст. Он автоматически выделится тегом <p>.

Тег "параграф", то есть, <p> - предназначается для вставки текста.

В этой части урока вы увидели, как вставлять в документ изображение (логотип), текст и заголовки. Следующая часть будет посвящена созданием меню навигации, работе со стилями, шрифтами, цветом и размерами и т.д.