- •Учебник html
- •Первые Шаги - Словарь тэгов.
- •Учебник по Html для чайников. Инструментарий.
- •Учебник по Html для чайников. Инструментарий.
- •Учебник по Html для чайников. Инструментарий.
- •Учебник по Html для чайников. Простейшие.
- •Учебник по Html для чайников. Простейшие.
- •Учебник по Html для чайников. Простейшие.
- •Учебник по Html для чайников. Простейшие.
- •Учебник по Html для чайников. Простейшие.
- •Учебник по Html для чайников. Простейшие.
Учебник по Html для чайников. Простейшие.
Ступенька 8-ая. После того, как мы узнали о том, как задавать размер шрифта, настало время поговорить о том, как определить стиль шрифта. В этой главе мы узнаем, как выделить текст курсивом, подчеркнуть, перечеркнуть, сделать полужирным, как задавать моноширинный текст, как делать верхний и нижний индексы – все эти тэги, как правило, рассматриваются вместе, и мы не будем отступать от традиций. Сначала рассмотрим курсив и полужирный текст: <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> В наш пример я его вводить не буду (сделайте это самостоятельно). Также моноширинным шрифтом отображается текст заключенный в тэг <pre></pre>:
<pre>
текст (куча пробелов) текст
текст (куча пробелов) текст
текст (куча пробелов) текст
</pre>
У
тэга <pre> есть одна замечательная
особенность: текст, заключенный в него,
выводится с точностью до пробела так,
как вы его набили в блокноте. Этот тэг
вам может быть полезен, допустим, для
форматирования стихотворений.
К
одному фрагменту текста может применяться
сразу несколько
тэгов:
<tt><b><i> текст </i></b></tt>
В
нашем примере текст моноширинный,
полужирный, и выделен курсивом (вот
так-то:). Не бойтесь использовать различные
комбинации тэгов, экспериментируйте,
но с умом:)
Итак, у нас еще
осталось несколько тэгов, которые мы
должны освоить на этой ступеньке, прежде
чем двинуться дальше.
Подчеркнутый
текст вводится при помощи тэга
<u>:
<u> Подчеркнутый
текст </u>
Тэги
<strike> и <s> представляют текст
перечеркнутым шрифтом, можете использовать
какой вам угодно из них, принципиальной
разницы между ними
нет:
<strike> Перечеркнутый </strike>
<s> Перечеркнутый </s>
Тэг
<big> представляется крупным шрифтом,
а <small> малым шрифтом относительно
основного текста:
<small> Малый </small>
Нормальный
текст
<big> Большой </big>
Тэги
Sup и Sub - определяют верхний и нижний
индексы. Sup - верхний, Sub - нижний. Где они
могут пригодиться? Ну, например, при
написании какой-нибудь формулы - H2O
(все, что мы выносим со школьной
скамьи:).
Верхний
индекс <sup> sup </sup>
Нижний
индекс <sub> sub </sub>
Вот,
собственно, и все. Можем переходить на
следующую ступеньку.