:: Статьи начинающему web-мастеру ::
Статьи// Текст на страничке


Со структурой странички разобрались, теперь можно заполнять сайт текстом :) Сразу скажу, html-форматирование текста встрачается в сети редко. Все эти методы на профессиональных сайтах давно запрещены, к тому же они не удобны. Представьте, что вы решили изменить размер текста и его цвет на всех страничках своего сайта, а их у вас... допустим, 200! Мы же с вами не полезем менять код в каждой странице?:) Для этого существует CSS. Об этом расскажу как-нибудь попозже. А пока... новичкам будет полезна следующая информация.

Весь текст вставляем между тегами body. А чтобы раскрасить его в какой-либо цвет, достаточно заключить нужный фрагмент текста в теги FONT и указать код цвета:

<FONT COLOR="#код_цвета_html">
Наш текст. Всем привет!
</FONT>

Размер шрифта указывается через SIZE (от 1 до 6), а вид шрифта — через FACE:

<FONT COLOR="#код_цвета_html" SIZE=3 FACE="Arial">
Твой текст</font>

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

Форматирование текста на страничке

Переформатированный текст

Это самый простой способ размещения текста на страничке, который позволяет сэкономить время при размещении на странице любого фрагмента уже отформатированного текста: просто заключите готовый текст в теги <PRE>......</PRE>. В этом случае браузер сохранит в неприкосновенности все пробелы и Enter'ы. В общем, этот способ я не рекомендую:) Он в Explorere прокатит, а вот за другие браузеры я не ручаюсь, поэтому лучше размещайте текст на своей страничке по уму, договорились? Об этом читайте ниже!

Разбивка на абзацы

Все абзацы заключаются в теги <P>...</P> .Т.е. весь текст находящийся между этими тегами будет абзацем.

Можно написать:
<P>Этот текст будет абзацем, поскольку предоставленная мне информация по HTML является достоверной.</P>

Или:
<P>Этот текст будет
абзацем, поскольку
предоставленная мне информация по HTML
является достоверной.</P>

В обоих случаях браузер отобразит одно и то же:
Этот текст будет абзацем, поскольку предоставленная мне информация по HTML является достоверной.

Выравнивание абзацев

По умолчанию все абзацы выравниваются в браузере по левому краю. Обойти это просто, если учесть, что за выравнивание отвечает параметр ALIGN (записываем в <P>):

<P ALIGN= CENTER>Этот текст будет по центру </P>

<P ALIGN=RIGHT>Текст справа</P>

<P ALIGN=LEFT>Текст слева</P>

Часто бывает необходимо равномерно распределить текст по абзацу (чтобы текст не обрывался по правому краю), за выравнивание по строке (и по левому и по правому краю одновременно — как в этом абзаце (на этой странице)) отвечает параметр JUSTIFY в АLIGN. Имейте в виду: не все редакторы распознают этот параметр! Если вы пишите свою страничку в блокноте, то там таких проблем нет. А самый главный недостаток этого параметра, на мой взгляд, это то, что он иногда любит переносить на следующую строку повтор слова конца предыдущей строки. Не знаю откуда такие глюки. Ну и, конечно, что в нем не нравится обычно: если слов в предложении мало, то они некрасиво растянутся по всей строке, образуя пустоты между словами...

С абзацами разобрались, перейдем к строкам.

Разрыв строки

Переход на новую строку осуществляется с помощью тега <BR>. Он ставится в конце нужной строки, которую обрываем. Что-то типа обыкновенного Enter'a. У него нет закрывающегося тега!
Если просто хотите сделать несколько пустых строк (без текста), то запишите подряд нужное число раз <BR>.

Например, три пустые строки: <BR><BR><BR>

Заголовки и подзаголовки

Нужный текст заключаем в теги <H*>....</H*>, роль звездочки* выполняет цифра от 1 до 6. Самый крупный заголовок — 1; самый маленький — 6. Это грубый контроль за размером шрифта, на вкус и цвет... Но если указать размеры заголовков в Css'ке, то все будет ok.

Управление начертанием текста

полужирный шрифт заключаем в теги <B>...</B>
курсив: <I>...</I>
подчеркнутый текст: <U>...</U>
вычеркнутый текст: <S>...</S>
верхний индекс: <SUP>...</SUP>
нижний индекс: <SUB>...</SUB>
пишущая машинка: <TT>...</TT>

Автор урока— Ollenkka



Мишки tatty teddy. Me to you :)
Самая большая коллекция Рунета!