|Support WinxKoncurs|

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » |Support WinxKoncurs| » Уроки от Оригинальной Музо4ки » Урок №3 Форматируем текст


Урок №3 Форматируем текст

Сообщений 1 страница 8 из 8

1

Как мы все знаем заголовки и абзацы по умолчанию выключены влево (т.е. прижаты к левому краю окна). Атрибут 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>
Чтобы этот текст красиво
         смотрелся в окне браузера,
               вовсе необязательно использовать
                        тэг &lt;BR&gt;!
</PRE>

В окне браузера:

Чтобы стихотворение красиво
         смотрелось в окне браузера,
               вовсе необязательно использовать
                        тэг <BR>!




ДОМАШКА:

1. Создайте HTML файл. (если забыли как, то напоминаю:1. Отрываем текстовый редактор "Блокнот".
2. Наберите приведённый выше пример в Блокноте.
3. Сотрите надпись "Здесь нходится всё-всё содержимое." И наберите там какой-нибудь текст.
4. Сохраните его следующим образом:  "Имя файла.html" Например: "winx.html".

2. Напишите между тэгами <body</body> Стишок-песенку из мультика винкс:

А вот и мы,
У нас много историй,
А вот и мы,
Феи WinX снова в сборе,
Не пропусти хороший день,
Весёлый день!
А вот и мы,
У нас много историй,
А вот и мы,
Феи WinX снова в сборе,
Не пропусти хороший день,
Весёлый день!

И как-нибудь красиво его отформатируйте и текст как-нибудь выделите. Потом сделайте скриншот и выложите сюда картинку.

И УСЁ...

0

2

Не совсем поняла как сделать... Но пошла делать xD

0

3

Когда сделаешь покажешь

0

4

Не знаю так или не так(правильно или нет) но вот:

http://www.7image.ru/thumbs/0810/60204119.jpg

Отредактировано Роза{♥}Roza (2010-08-18 18:34:06)

0

5

Хорошо... Но ещё пожалуйста Текст как-нибудь выдели (в смысле курсивом и т.д.)

0

6

Вот.

увеличить

0

7

Оригинальная Музо4ка (AD) написал(а):

Текст как-нибудь выдели (в смысле курсивом и т.д.)

Ага)  :yep: сейчас...)

0

8

хорошенький урочек!

0


Вы здесь » |Support WinxKoncurs| » Уроки от Оригинальной Музо4ки » Урок №3 Форматируем текст


Рейтинг форумов | Создать форум бесплатно © 2007–2017 «QuadroSystems» LLC