Урок - 5

РАБОТА С ТЕКСТОМ

Как видите, в тесте есть заголовок и есть подзаголовки. Если, мы будем просто набирать текст на клавиатуре,у нас получится мешанина, все предложения сольются друг с другом, Согласитесь, такой текст, читать невозможно, нужно выделить заголовок, да и абзацы должны быть в тексте

Для создания заголовков в HTML, существуют теги <H> </H>, эти теги могут принимать значение от 1 до 6 ,например, размер шрифта, заключенный в теги :

<H1>Текст</H1>

<H2>Текст</H2>

<H3>Текст</H3>

<H4>Текст</H4>

<H5>Текст</H5>

<H6>Текст</H6>

Для придания размера шрифта,можно использовать теги<font> </font> со значением size, но в отличии от тегов <H> </H>, шрифт не будет жирным, например:

<font size="+4">Текст будет таким</font>

<font size="+3">Текст будет таким</font>

<font size="+2">Текст будет таким</font>

<font size="+1">Текст будет таким</font>

<font size="-1">Текст будет таким</font>

<font size="-2">Текст будет таким</font>

В тегах <font> </font>, применяется и элимент FACE, задает имя шрифта,например:

<font face="arial">Шрифт будет такой</font>

<font face="Courier">Шрифт будет такой</font>

<font face="Comic Sans MS">Шрифт будет такой</font>

Так же в тегах <font> </font>, атрибутом COLOR, задается цвет шрифта, например:

<font color="#FF3300">Цвет текста будет такой</font>

<font color="#9933CC">Цвет текста будет такой</font>

<font color="#993333">Цвет текста будет такой</font>

Тегами <SPAN> </SPAN>, с элементом STYLE, задается цвет под конкретным текстом,например:

<span style="background-color: #FF0033"> Текст будет выглядеть так </span>

<span style="background-color: #FFFF00"> Текст будет выглядеть так </span>

<span style="background-color: #66FFFF"> Текст будет выглядеть так </span>

Для переноса текста на другую строку применяется не парный тег <br>. Для создания абзацев существует теги <p> </p>, в которых можно задавать значения элемента ALIGN. Например:

<p align="center">Текст будет располагаться в центре страницы </p>

<p align="right">   Текст выравняится по правому краю страницы </p>

<p align="left">    Текст выравняится по левому краю страницы </p>

<p align="justify">Выравняет текст по обеим сторонам страницы </p>

Текст может быть простым, жирным, курсивом, подчеркнутым и зачеркнутым. Жирныый текст заключается между тегами <b>Жирный текст </b>.

Текст курсивом, между тегами <I>Текст жирный, курсивом </I>

Текст подчеркнутый между тегами <U>Текст жирный подчеркнутый</U>

Текст зачеркнутый между тегами <STRIKE> Текст зачеркнутый</STRIKE>

СЛЕДУЮЩАЯ СТРАНИЦА

Бесплатный мини-курс
по созданию сайта на
CMS - JOOMLA

размер файла 8.76 МБ
Скачать

Copyright © 2008-2011 "http://www.beluys.com"