Как мы все знаем заголовки и абзацы по умолчанию выключены влево (т.е. прижаты к левому краю окна). Атрибут ALIGN позволяет сделать текст по центру или вправо. Синтаксис: <P ALIGN=RIGHT>, может принимать значения LEFT (влево), CENTER (по центру), RIGHT (вправо). Пример:
Код:
<P>Этот абзац расположен слева<P>
<P ALIGN=CENTER>Этот абзац по центру</P>
<P ALIGN=RIGHT>А вот этот абзац справа</P>
Что дает при просмотре (в самом браузере):
Этот абзац расположен слева
Этот абзац по центру
А вот этот абзац справа
И ещё есть один способ выравнивания по центру - это использование тэгов <CENTER>(какой-то текст)</CENTER>. Они позволяют отформатировать сразу несколько заголовков и абзацев. Например:
Код:
<CENTER>
<H1>Заголовок страницы</H1>
<H2>Подзаголовок</H2>
<P>Абзац 1.</P>
<P>Абзац 2.</P>
</CENTER>
В результате заголовок, подзаголовок и оба абзаца будут сделаны по центру.
Кстати, насчёт <H1> и <H2> :
Всего в HTML 6 уровней заголовков разделов страницы, имеющих номера от 1 до 6. Заголовок высшего уровня имеет номер 1. Отличаются заголовки от текста и между собой толщиной и высотой букв, в заголовке <H1> самые крупные символы. Тэги <H1>..</H1>, <H2>..</H2>, ... , <H6>..</H6>.
Абзацы в тексте выделяются тэгами <P>..</P>. При просмотре браузером абзацы отделяются друг от друга пустой строкой. Надо заметить, что в существующих версиях HTML закрывающий тэг </P> не используется. Но все-таки рекомендуется его употреблять, так как он может быть введен в последующих версиях.
Чтобы перейти на новую строку, не прерывая абзаца (т.е., чтобы не вставлять пустую строку между абзацами), применяется тэг <BR> . Закрывающего тэга у него нет.
Код:
<P ALIGN="Right">
Энчантикс <BR><BR>
Оооооооо…<BR>
Энчантикс,<BR>
Волшебная пыль!<BR>
Максимум силы!<BR>
Энчантикс,<BR>
Силы внутри меня!<BR>
Сильна я, смелая,<BR>
Чудесна, волшебна.<BR>
Загадка, энчантикс.<BR>
Чудесная фея, чудесные силы Винкс!<BR>
Энчантикс! <BR></P>
Получаем:
Оооооооо…
Энчантикс,
Волшебная пыль!
Максимум силы!
Энчантикс,
Силы внутри меня!
Сильна я, смелая,
Чудесна, волшебна.
Загадка, энчантикс.
Чудесная фея, чудесные силы Винкс!
Энчантикс!
Хех, а вот если бы мы не писали <BR> после каждой строки, то получили бы:
Оооооооо…
Энчантикс, Волшебная пыль! Максимум силы! Энчантикс, Силы внутри меня! Сильна я, смелая, Чудесна, волшебна. Загадка, энчантикс. чудесная фея, чудесные силы Винкс! Энчантикс!
Тоесть всё вышло бы в строку.
Есть ещё один способ форматирования текста - использование меток <PRE> и </PRE>!!!
Обычно браузеры игнорируют множественные пробелы и символы конца строки. Однако с использованием тега <PRE> текст выводится в окне браузера точно в том виде, как он есть в исходном HTML-документе.
Пример. В тексте:
<PRE>
Чтобы этот текст красиво
смотрелся в окне браузера,
вовсе необязательно использовать
тэг <BR>!
</PRE>
В окне браузера:
Чтобы стихотворение красиво
смотрелось в окне браузера,
вовсе необязательно использовать
тэг <BR>!
ДОМАШКА:
1. Создайте HTML файл. (если забыли как, то напоминаю:1. Отрываем текстовый редактор "Блокнот".
2. Наберите приведённый выше пример в Блокноте.
3. Сотрите надпись "Здесь нходится всё-всё содержимое." И наберите там какой-нибудь текст.
4. Сохраните его следующим образом: "Имя файла.html" Например: "winx.html".
2. Напишите между тэгами <body</body> Стишок-песенку из мультика винкс:
А вот и мы,
У нас много историй,
А вот и мы,
Феи WinX снова в сборе,
Не пропусти хороший день,
Весёлый день!
А вот и мы,
У нас много историй,
А вот и мы,
Феи WinX снова в сборе,
Не пропусти хороший день,
Весёлый день!
И как-нибудь красиво его отформатируйте и текст как-нибудь выделите. Потом сделайте скриншот и выложите сюда картинку.
И УСЁ...
сейчас...)