|УРОК 5| - Структурируем текст
Вступление

В Уроке 1 мы говорили о том, что HTML позволяет структурировать текст вашей странички, но ни разу не воспользовались этой возможностью в полной мере.

Создадим файл vinnie.html:

<html>
 <body bgcolor=white text=black>
  <H4>Песенка Винни-Пуха</H4>
   <p>
    Если б мишки были пчелами<br>
    То они бы нипочем<br>
    Никогда бы не подумали<br>
    Так высоко строить дом<br>
  </p>
  <p>Конец</p>
 </body>
</html>

Запускаем и видим вот что:

Песенка Винни-Пуха

Необходимые пояснения

Разберемся в новых тегах этого урока.

Тег <H4> - это тег заголовка четвертого уровня. То есть все что находится между <H4> и </H4> является заголовком и отображается соответствующим образом.

Теги <P> и </P> обозначают начало и конец абзаца соответственно. В нашем случае стихотворение считается одним абзацем, а слово "Конец" - другим.

Тег <br> - это тег перехода на следующую строку. То есть следующий после этого тега текст отображается на следующей строке (как если бы вы нажали клавишу Enter).

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

Сухой остаток

1.  Тег <H4></H4> обозначает заголовок 4-го уровня
2.  Тег <P></P> обозначает абзац
3.  Тег <BR> обозначает переход на следующую строку

Эксперименты

1.  Попробуйте убрать все теги <BR> и посмотрите что получится.
2.  Попробуйте каждую строчку стихотворения сделать отдельным абзацем

 
  Загрузить пример   Предыдущий урок Содержание Следующий урок
Hosted by uCoz