2. Починаємо наповнювати нашу веб-сторінку.

Для початку ми напишемо курсивом такий заголовок:

Поезія Дмитра Павличка

Для цього ми використаємо наступні теги:

· Теги <H1> і </H1> - розміщення заголовку

Крім тегу <H1> є ще теги <H2>, <H3>, <H4>, <H5>, <H6>. Всі ці теги позначають одне – заголовок, а відрізняються вони лише розміром самого заголовка.

Вставляємо заголовок між два цих теги

<H1> Поезія Дмитра Павличка </H1>

· Теги <I> і </I> - виділення тексту курсивом

Вставляємо два цих теги спочатку і вкінці заголовку:

<H1><I> Поезія Дмитра Павличка </I></H1>

3. Тепер розмістимо наш заголовок по центрі веб-сторінки.

Для цього ми використаємо можливості тега <H...>:

<H1 ALIGN=CENTER> - розміщення заголовка по центру веб-сторінки

<H1 ALIGN=LEFT> - розміщення заголовка з лівої сторони веб-сторінки

<H1 ALIGN=RIGHT> - розміщення заголовка з правої сторони веб-сторінки

Ми розміщаємо заголовок по центрі веб-сторінки:

<H1 ALIGN=CENTER ><I> Поезія Дмитра Павличка </I></H1>

4. Тепер ми введемо назву вірша, який наповнить нашу веб- сторінку. Вірш має назву - “спогад”.

· Для цього ми спершу використаємо тег <P> - параграф.

Тег <P> має такі можливості як:

<P ALIGN=CENTER> - параграф по центру веб-сторінки

<P ALIGN=LEFT> - параграф з лівої сторони веб-сторінки

<P ALIGN=RIGHT> - параграф з правої сторони веб-сторінки

Скористаємося цим тегом і вирівняємо назву вірша теж по центру:

<P ALIGN=CENTER> СПОГАД</P>

5. Тепер використаємо теги для задання меншого розміру тексту <H3> </H3> :

<H3> <P ALIGN=CENTER> СПОГАД</P></H3>

6. А тепер власне ми перейдемо до наповенння веб-сторінки віршем.

Вірш складається з двох стовпчиків, в кожному стовпчику по чотири рядка:

Я не скажу тобі, що ти змінилась,

Що зморшки появились як сліди

Дрібнесеньких стеблинок після сну

Тружденного на запашній отаві.

Я не скажу тобі, що надвечір’я

Глибинами в очах твоїх лягло

А верховинним кряжем золотих

Твоїх зіниць проходить зморне сонце.

Тепер помістимо цей вірш в нашу веб-сторінку, використавши тег <P>:

<P>Я не скажу тобі, що ти змінилась, </P>

<P>Що зморшки появились як сліди</P>

<P>Дрібнесеньких стеблинок після сну</P>

<P>Тружденного на запашній отаві. </P>

· Задаємо потрійний відступ від лівого краю тегом <blockquote >

<blockquote >

<blockquote >

<blockquote >

<P>Я не скажу тобі, що ти змінилась, </P>

<P>Що зморшки появились як сліди</P>

<P>Дрібнесеньких стеблинок після сну</P>

<P>Тружденного на запашній отаві. </P>

</blockquote >

</blockquote >

</blockquote >