Реальный пиарВеб-сайтУстройство → Форматируем текст

Форматируем текст

html теги

Обратите внимание, что атрибуты, указанные в теге <body> распространяют свое действие на весь документ, т.е. весь введенный вами текст будет теперь сиреневого цвета, что не очень удобно. Поэтому лучше убрать атрибут text из тега <body>, тогда цвет текста будет установлен по умолчанию, т.е. черный. А задавать цвет различных частей текста лучше в самом тексте.

Для этого добавим несколько предложений, заключим их в нужные теги, а затем разберемся, что они делают.

<html>

<head>

<title> Моя первая страница </title>

</head>

<body bgcolor="#CCCCFF">

<h1>
<font color="red">
Это заголовок первого уровня
</font>
</h1>

Это простой текст.

<b>Этот выделен полужирным начертанием.</b>

<br>

<i>А этот курсивом.</i>

<h2>
<font color="red">
Это заголовок второго уровня
</font>
</h2>

<font color="#996666" size="5" face="Arial">
Это текст Arial, размер шрифта - 5
</font>

<h3>
<font color="red">
Это заголовок третьего уровня
</font>
</h3>

<font color="green" size="2" face="Verdana">
Этот текст Verdana, размер шрифта - 2
</font>

</body>

</html>
Обновите html-страницу (Ctrl+F5) и посмотрите на результат.

Разберем код подробнее:

Теги <h1> </h1>, <h2> </h2> и т.д. называются заголовками. HTML поддерживает 6 уровней заголовков от h1 до h6. h1 - самый главный и крупный, далее по убыванию значения и шрифта до h6 - самого маленького и по значению, и по размеру шрифта.

Теги <font> </font> управляют шрифтом. Для этого используются атрибуты:
- color - задает цвет текста,
- size - задает размер шрифта (по умолчанию равен 3),
- face - задает гарнитуру шрифта. В принципе, вы можете указывать здесь любой понравившийся вам шрифт, но учтите, что на компьютере пользователя такого шрифта может и не оказаться. Поэтому рекомендуется использовать стандартные: Times New Roman, Arial, Verdana и Tahoma.

Теги <b> </b> делают текст жирным.

Теги <i> </i> отображают текст курсивом.

Тег <br> начинает текст с новой строки. Обратите внимание, этот тег одиночный, т.е. не имеет закрывающего тега.

Использовать эти теги с их атрибутами вы можете в любом месте текста, выделяя, как предложения, так и отдельные слова, и даже буквы. Главное помнить два правила:

1. Если есть открывающий тег, то должен быть и закрывающий.

2. Соблюдайте порядок вложенности тегов. Тег, который открыт первым, должен быть закрыт последним. Например,

<font><u><i>Так неправильно!</font></u></i>

<font><u><i>Так правильно</i></u></font>
На этом второй урок закончен. Вы научились работать с текстом. На следующем уроке вы научитесь украшать html-страничку картинками и располагать элементы на странице.


Источник: http://www.site-do.ru

Рекомендуем



Оформляем html-страницу и форматируем текст Не будем вдаваться в подробности как формируется код цвета, укажем лишь на то, что получить его можно, например, в программе Photoshop


Располагаем элементы на странице. В принципе все это можно хранить в одной папке, но представьте, что этих страниц у вас стало много, и к каждой прилагается картинка, а то и не одна


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