Учебник по Html для начинающих. Простейшее.
Курсив, жирный текст, подчеркнутый и другие.
Итак, настало время поговорить о том, как определить стиль шрифта. Сейчас мы узнаем как выделить текст курсивом, подчеркнуть, перечеркнуть, сделать полужирным, как задавать моноширинный текст, как делать верхний и нижний индексы – все эти тэги, как правило, рассматриваются вместе, и мы не будем отступать от традиций.
Сначала рассмотрим курсив и полужирный текст:
<b> Полужирный текст </b>
<i> Наклонный текст (курсив) </i>
Как видите, все просто. Можете их самостоятельно прописать в тексте, где Вам вздумается, а в примере я снова малость поизмываюсь над виртуальным другом:
<html>
<head>
<title>Мой первый шаг </title>
</head>
<body text="#336699" bgcolor="#000000">
<div align="center">
<H3>Здравствуйте, это моя первая страница.</H3>
<br>
<font color="#CC0000"> Добро пожаловать!</font> :) </div>
<p align="justify">
Я совсем недавно начал (а) знакомиться с виртуальной жизнью, но мне по давней традиции тоже захотелось создать свою домашнюю страничку для моих новых виртуальных друзей и знакомых, чтобы они могли посмотреть мои фотографии, почитать обо мне, черкнуть пару строчек в мою гостевую книгу. А может и просто случайный посетитель вдруг захочет познакомиться со мной, и у меня появится <b> еще один виртуальный друг? :)</b>
</p>
</body>
</html> (посмотреть результат)
Теперь немного о моноширинном шрифте. Что это такое за шрифт? Это шрифт с символами одинаковой фиксированной ширины, как шрифт у пишущей машинки. А тэг для него следующий - <tt></tt>:
<tt> моноширинный шрифт </tt>
В наш пример я его вводить не буду (сделайте это самостоятельно).
Также моноширинным шрифтом отображается текст, заключенный в тэг <pre></pre>:
<pre>
текст (куча пробелов) текст
текст (куча пробелов) текст
текст (куча пробелов) текст </pre>
У тэга <pre> есть одна замечательная особенность: текст, заключенный в него, выводится с точностью до пробела так, как вы его набили в блокноте. Этот тэг вам может быть очень полезен.
К одному фрагменту текста может применяться сразу несколько тэгов:
<tt><b><i> текст </i></b></tt>
В нашем примере текст моноширинный, полужирный, и выделен курсивом. Не бойтесь использовать различные комбинации тэгов, экспериментируйте.
Итак, у нас еще осталось несколько тэгов, которые мы должны освоить на этой сейчас, прежде чем двинуться дальше.
Подчеркнутый текст вводится при помощи тэга <u></u>:
<u> Подчеркнутый текст </u>
Тэги <strike></strike> и <s></s> представляют текст перечеркнутым шрифтом, можете использовать любой из них, принципиальной разницы между ними нет, однако, наверное, лучше использовать второй, в случае если работодатель потребует от Вас "чистого" кода, где не будет ничего лишнего:
<strike> Перечеркнутый </strike>
<s> Перечеркнутый </s>
Тэг <big></big> представляется крупным шрифтом, а <small></small> малым шрифтом относительно основного текста:
<small>Малый</small>
Нормальный текст
<big> Большой </big>
Тэги <sup></sup> и <sub></sub> - определяют верхний и нижний индексы. Sup - верхний, Sub - нижний. Они могут понадобиться в случае написания формул.
Верхний индекс <sup> sup </sup>
Нижний индекс <sub> sub </sub>
<<< Страница 6 :Назад | Далее: Страница 8 >>>
