Главная Карта сайта
Сайт за 5 мин.
Введение в HTML
Фон
Форматирование текста
Картинка на странице
Ссылки
Списки
Таблицы
Введение в CSS
Справочник HTML
Оптимизация сайта
Раскрутка сайта
Хостинг и домен
Как заработать
в интернете
Контакты

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

Для того чтобы выделить текст жирным шрифтом или курсивом, либо сделать его подчёркнутым воспользуемся тегами:

<b></b> - текст будет жирным.
<i></i> - текст будет наклонным (курсив).
<u></u> - текст будет подчёркнутым.

Применим данные теги:


<html>
<head>
<title>Моя страница.</title>
</head>
<body bgcolor="#CCCCCC">
Я сделал простейшую страницу.

<br>
<b>
Текст будет жирным.</b><br>
<i>Текст будет наклонным (курсив).</i><br>
<u>Текст будет подчёркнутым.</u><br>

</body>
</html>


Страница будет выглядеть так.

Наверное, Вы заметили, что мы употребили тег <br>, о нём я поясню чуть-чуть позже.

Для того чтобы изменить цвет текста всей страницы, в тег <body> нужно добавить ещё один параметр.

<body bgcolor="#CCCCCC" text="#0000FF"> - весь текст на странице будет синего цвета.

Обратите внимание, что заданные параметры необходимо отделять пробелом.

Если Вы хотите изменить цвет отдельного текста, тогда этот текст необходимо заключить между тегами <font></font>, соответственно задав необходимый ему цвет (color).

<font color="#FF0000"> Этот текст красного цвета. </font>

Также тегу <font> можно задавать размер шрифта параметром (size). Размер может иметь значения от 1 до 7, по умолчанию он равен 3.

<font size="7">Размер шрифта равен 7.</font>

Попробуем применить на практике:


<html>
<head>
<title>Моя страница.</title>
</head>
<body bgcolor="#CCCCCC" text="#0000FF">
Я сделал простейшую страницу.

<br>
<b>Текст будет жирным.</b><br>
<i>Текст будет наклонным (курсив).</i><br>
<u>Текст будет подчёркнутым.</u><br>

<font color="#FF0000"> Этот текст красного цвета. </font><br>
<font size="7">Размер шрифта равен 7.</font><br>
<font color="#FF0000" size="7"> Этот текст красного цвета и его размер равен 7. </font><br>

</body>
</html>


Страница будет выглядеть так.

Ранее мы употребляли тег <br>, этот тег не является парным, поэтому не имеет закрывающего тега, он служит для принудительного перехода на следующую строку.

Используя в блокноте клавишу Enter или пробел, в браузере на странице ни каких изменений происходить не будет, а всё это для упрощения понимания и ориентирования в коде. Конечно, количество пробелов внутри кода увеличивает размер HTML-странички, поэтому злоупотреблять ими не стоит. Но от того, что Вы выделите какие-либо теги определенным образом, хуже не станет.

Вот ещё один тег <hr>, который не имеет парного закрывающего тега и служит для добавления горизонтальной линии. Перед и после линии  помещается пустая строка.

Для создания параграфов применяются теги <p></p>.

Используем приобретённые навыки:


<html>
<head>
<title>Моя страница.</title>
</head>
<body bgcolor="#CCCCCC" text="#0000FF">
Я сделал простейшую страницу.

<br>
<b>Текст будет жирным.</b><br>
<i>Текст будет наклонным (курсив).</i><br>
<u>Текст будет подчёркнутым.</u><br>

<font color="#FF0000"> Этот текст красного цвета. </font><br>
<font size="7">Размер шрифта равен 7.</font><br>
<font color="#FF0000" size="7"> Этот текст красного цвета и его размер равен 7. </font><br>

<hr>
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
<p>
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</p>

</body>
</html>


Страница будет выглядеть так.

Чтобы не запутаться в набранном коде, можно добавлять в него свои коментарии или пометки, используя тег <!-- -->. Заключённый текст в этом теге, отображаться на странице не будет.

<!--Мои коментарии-->

<center></center> - данные теги применяются для выравнивания любого элемента по середине.

>>>ДАЛЕЕ

© 2010 GlorButterfly.narod.ru
Hosted by uCoz