8 (800) 333-3041Звонок бесплатный для
всех регионов России
Основные команды языка HTML Оглавление Упражнения

Оформление текста

HTML-документ представляет собой файл с текстом и командами. Текст вы видите в окне броузера. По поводу текста следует обратить внимание на кодировку. Большинство пользователей Интернет, около 90%, используют броузеры Microsoft Internet Explorer, поэтому, скорее всего, ваш текст будет в кодировке win-1251. Будьте осторожны с кодировкой MSDOS и KOI-8R, лучше их не использовать, если читателями будут вышеупомянутые 90%. Команды указывают броузеру, как форматировать и оформлять текст. Синтаксис команды имеет следующий вид: <Имя_Команды Атрибут1=Значение1 Атрибут2=Значение2 ...> Некоторые команды распространяются на определенную область текста, в этом случае они имеют закрывающую часть: </Имя_Команды>
Если значение атрибута содержит пробелы, то его необходимо заключать в двойные кавычки. Пример простого документа hello.php:

<html>
<body>
 Hello, World!
</body>
</html>

Сохраните его в файле hello.php и откройте броузером. В окне броузера появится: "Hello, World!". Любой html-файл начинается с команды <html> и заканчивается закрывающей командой </html>. Вообще говоря, наличие этих и многих других команд необязательно, т.е. если вы начнете HTML-документ сразу с команды body ничего страшного не случится. Во всяком случае мне не приходилось видеть броузер, который бы не показал HTML-документ из-за отстуствия команд <html> или </html>. После первой команды <html> следует тело (основная часть) нашего документа <body> ... </body>. Помимо <body> может быть еще заголовок - <head>, скрипты - <script> и фреймы - <frameset>. Эти команды мы рассмотрим несколько позже.

Первое, что вам нужно изучить - это оформление чистого текста. Вы можетепояснения см. ниже изменить цвет текста, его размер, сделать его жирным, наклонным, подчеркнутым, перечеркнутым и т.д. Далее приведены соответствующие команды и их результат.
Пример:
Исходный текст Результат в броузере
<font color=09AB12 size=5 >Цветной текст</font> Цветной текст
<b>Жирный текст</b> Жирный текст
<i>Курсив</i> Курсив
<u>Подчеркнутый</u> Подчеркнутый
<s>Перечеркнутый</s> Перечеркнутый
Ув<big>еличе</big>нный Увеличенный
Ум<small>еньше</small>нный Уменьшенный
Индекс<sup>вверху</sup> Индексвверху
Индекс<sub>внизу</sub> Индексвнизу
<tt>МоноШиринный WIWI</tt> МоноШиринный WIWI
А здесь <!-- Это<b> комментарий</b> он не воспринимается броузером<br> -->пишите что хотите А здесь пишите что хотите
Атрибут color в команде font задается тремя числами - R,G,B в шестнадцатеричном виде. Каждое изменяет в диапазоне от 0 до FF (255). Также цвет можно задать одним из следующих ключевых слов.
Имена цветов и RGB-значения
black = 000000 green = 008000 maroon = 800000 navy = 000080
silver = C0C0C0 lime = 00FF00 red = FF0000 blue = 0000FF
gray = 808080 olive = 808000 purple = 800080 teal = 008080
white = FFFFFF yellow = FFFF00 fuchsia = FF00FF aqua = 00FFFF

Команда действует до тех пор, пока броузер не встретит соответствующую ей закрывающую команду. Вы можете комбинировать их, вкладывая одну команду в другую.
Например: Красный наклонный жирный увеличенный текст. Обратите внимание на выделенное слово "можете" выше. На первом этапе необходимо знать все возможности технологий и инструментов, но из этого не следует, что все их надо применять. Самая распространенная ошибка начинаючих сайтостроителей заключается в том, что они используют не по месту звои познания в области HTML. Например, никогда не используйте цвет текста не к месту. Никогда не делайте подчеркнутым обычный текст! Подчеркнутой в HTML может быть только гиперссылка. На подчеркнутый текст пользователи Сети подсознательно пытаются щелкнуть мышью, принимая этот текст за гиперссылку. Не используйте двойного или многократного выделения текста. Полным бредом будет цветной жирный подчеркнутый увеличенный курсив. Вполне достаточно применить к слову одно выделение, чтобы сделать на нем ударение, т.е. сделать его более заметным для читателя. Цветовое выделение не очень хорошо. Значительно лучше либо увеличить, либо сделать жирным или курсивом.
И последнее, о чем здесь стоит сказать, об использовании в тексте знаков <> и других эскейп последовательностях. Они интерпретируются, как начало и окончание команды html, поэтому, если вы хотите их использовать в качестве текста, то пишите
< &lt; Знак меньше
> &gt; Знак больше
  &nbsp; Пробел
& &amp; Амперсант
" &quot; Кавычка
© &copy; Знак копирайта
® &reg; Зарегистрированная торговая марка
£ &pound; фунт
&deg; Градус

Eng
Наверх