Текста народу!
Как поместить на страницу текст?! Это, пожалуй, самое простое: если в < BODY ></ BODY > поместить текст без тэгов, то этот текст отобразится на странице черным по белому :). Но! Этот способ подойдёт только в том случае, если на странице один небольшой абзац текста. А если нам нужно поместить сочинение Васи Петрова на тему «Чайник спасён, куплен новый носик»? Тогда без абзацев и переноса строк не обойтись!
В прошлом параграфе мы встретились с тэгом абзаца <P></P>, который нам и поможет. Читать большой объём текста не разбитый на абзацы очень не удобно, и посетитель (потенциальный покупатель), немного помучавшись, уйдёт к конкуренту, и плакали наши денежки! Поэтому каждый абзац заключаем в тэг <P></P>.
<P>Мой младший брат Петя разбил любимый бабушкин фарфоровый чайник из сервиза конца XIX века. Шуму было… Уже собрались выкидывать, ведь чайник без носика не приносил уже ни какой пользы. Но тут увидели рекламу запасных носиков и побежали в магазин. </P>
<P>В магазине оказалась целая коллекция запасных носиков от ООО «Чайник» и мы нашли подходящий! Приклеили прилагающимся суперклеем, и чайник снова радует бабушку! Брату повезло…</P>
<P>Корпорация ООО «Чайник» предлагает самую большую в мире коллекцию запасных носиков. Ваш чайник ещё жив? Тогда Петя едет к вам!</P>
Хочу обратить твоё внимание на то, что абзац в абзаце не может быть, поэтому композиция <P><P>бред<P/></P> - не верна!
Теперь давай добавим заголовок к этому мини сочинению. Заголовок добавляется тэгом <H1></H1>. Так можно поместить на страницу большой (1-го уровня) заголовок. Существуют заголовки 6-ти уровней.
<H1> текст </H1>
<H2> текст </H2>
<H3> текст </H3>
<H4> текст </H4>
<H5> текст </H5>
<H6> текст </H6>
Выберем что-нибудь не очень большое. Давай добавим перед абзацами:
<H4>Бабушкин Сервиз</H4>
Немного цвета...
Теперь закрасим заголовок в красный цвет и зададим выравнивание по центру… Для этого поместим текст заголовка в тэг <FONT></FONT>. У тэга FONT есть атрибут COLOR. А у H4 атрибут ALIGN. COLOR задаёт цвет текста внутри тэга, а ALIGN выравнивание. Замечу, что у тэга абзаца то же есть атрибут ALIGN. Получается такой заголовок:
<H4 ALIGN=”center”><FONT COLOR=”#FF0000”>Бабушкин Сервиз</FONT></H4>
Предвижу вопрос: «Что за значение у атрибута COLOR?» Так (шестнадцатеричным числом) обозначается цвет в HTML . Тебе никто не запрещает написать COLOR=”red ”, однако, сколько цветов ты так можешь описать? Вот и я о том же. Рекомендую: Таблица «безопасных» цветов. Обязательно прочитай комментарии! Держи её под рукой!
Так мы указали цвет для конкретного «куска» текста. Но! Если нам нужно что бы, ни дай бог, весь текст был красным? Не растягивать же <FONT> на весь документ?! Для этого мы укажем атрибут TEXT для тэга BODY . Так мы назначим цвет текста по-умолчанию. Весь текст будет указанного цвета, кроме заголовка, т.к. он у нас красного цвета (тэг FONT ).
<BODY TEXT=”#666666”>Последний на сегодня атрибут для тэга FONT - SIZE меняет размер шрифта. Но это не очень удобный способ, потом мы будем форматировать текст вообще без использования тэга FONT. Пока можешь поэксперементировать с размерами шрифта. [размеры шрифтов]
В следующем параграфе добавим графики. §2 «Наглядное пособие»