HTML за... 30 минут!
автор © Алексей Годовник
e-mail A.G. godovnik@mail.ru
§6 Вывод текста
Просто пишете свой текст в теле документа
и все.
Если хотите вывести текст с какими-либо свойствами,
этот кусочек текста заключаете между соответствующими тегами. Чуть ниже
я дам описание основных параметров, которые можно изменять, а пока немного
об особенностях вывода текста.
Текст рассматривается как одна длинная строка,
как бы Вы там ни писали его в БЛОКНОТе. Несколько пробелов выводятся как
один, знаки табуляции и переходы на другую строку выводятся так же как
и пробелы, то есть если их несколько, будет нарисован один пробел и все.
Браузер располагает этот текст на экране на ширину окна, автоматически
переводя строки, при изменении размеров окна соответствующим образом изменяя
видимый текст. С одной стороны это удобно, с другой - ведь надо отделить
одну мысль от другой, обозначить начало абзаца и т. п.
Как же с этим бороться?
Заголовок - что-то, отличающееся
от остального текста. Например, в этом документе использованы заголовки
"цвета" и "вывод текста". Делается это так:
<h1>Заголовок</h1>
<h2>Заголовок</h2>
<h3>Заголовок</h3>
<h4>Заголовок</h4>
<h5>Заголовок</h5>
<h6>Заголовок</h6>
Чтобы выровнять заголовки,
напишите что-то вроде этого :
<h1 align='***'>заголовок</h1>
где вместо *** используется
left
- выравнивание по левому краю,
right
- по правому, и
center
- по центру.
Если тип выравнивания не задан, используется
предыдущий, если и его нет, тогда используемый браузером по умолчанию,
обычно
left.
Чтобы выровнять основной текст по центру, напишите
<center>текст
</center>
по левому краю
<div align="left">
или
<p align="left">
Если приспичит выровнять по правому - попробуйте
<div align="right">
или
<p align="right">
Вместо right
можете написать left
или center.
Не буду Вас утомлять излишними подробностями, описывая эти элементы, ведь
сейчас речь идет о практической стороне использования HTML. Да, напоминаю,
что параметры, заключенные в кавычки, можно с тем же успехом заключать
в апострофы.
Чтобы насильно заставить браузер начать вывод
текста с новой строки, используется тег <br>
.Чтобы вставить пустую строку, напишите этот тег дважды, две пустых строки
- трижды и т.д. Закрывающий тег не нужен. Если Вы решили использовать
<br> несколько раз, то первые два можно
заменить на <p> - это хоть немного,
но сократит размер файла ;-)
-
Чтобы вывести
-
текст в таком
-
формате, напишите
<ul>
<li>Чтобы
вывести</li>
<li>текст
в таком</li>
<li>формате,
напишите</li>
</ul>
-
Такой текст
-
получится, если
-
написать так
<ol>
<li>Такой текст</li>
<li>получится, если</li>
<li>написать так</li>
</ol>
Чтобы текст выравнивался
не по самому краю, а немного отступив от него, напишите
<blockquote>
Текст
</blockquote>
Этот тег можете
вкладывать сам в себя до тех пор,
пока не добьетесь нужного отступа.
<b>Так пишется
жирными буквами</b>
<i>Курсивом пишется
так</i>
<b><i>Кстати,
курсив тоже бывает жирным</i></b>
<b><i><u>И
даже подчеркнутым</u></i></b>
<blink></blink>
<strike>Зачеркнутый</strike>
<sub>нижний индекс</sub>
<sup>верхний индекс</sup>
Изменить параметры шрифта
можно с помощью тега <font>
<font color='***' size=X
face='***'>
Здесь какой-нибудь текст
</font>
Как выбрать цвет, я уже рассказывал, size
- размер, указываете вместо Х либо какое-то число от 1 до 10, либо изменение
относительно текущего (он по умолчанию равен 3), например, size=+1,
или +5 или -2, все в Ваших руках. face
- тип шрифта, например 'Arial Cyr' или 'Times New Roman Cyr'. Если
Вы нашли какой-то экзотический шрифт, его может не оказаться У Ваших посетителей.
В этом случае напишите
<font face='экзотический
шрифт','часто используемый шрифт'>
Текст
</font>.
Теперь, если у кого-то
и не окажется того хитрого шрифта, он увидит текст, написанный тем, что
у него есть. Можно, конечно, вставить свой шрифт в тело документа, но это
как - нибудь в другой раз.
Угловые скобки и некоторые
символы не выводятся браузерами просто так. Написать-то Вы их сможете,
но увидеть на экране - нет. Нужно использовать так называемые
escape-последовательности. Это делается слеующим образом:
< выводит <
> выводит >
& выводит &
" выводит "
© выводит ©
® выводит ®
Есть еще одна хитрая штука.
Называется непрерывный пробел ( ).
Если есть какое-то словосочетание и Вы хотите, чтобы оно было написано
в одной строчке, между этими словами и вставляется непрерывный пробел.
Он запрещает браузеру переводить строки в этом месте. Например, чтобы
ПРИМЕР 1
не выглядел как
ПРИМЕР
1,
надо написать
ПРИМЕР 1.
Переходы строк и пробелы
до и после непрерывного пробела (каков каламбурчик?) сводят его действие
на нет. Ведь тогда он будет связывать слово с соседним пробелом, либо,
что еще веселее, два соседних пробела. Хотя, если нужно сделать расстояние между двумя словами немножко
больше, чем обычно,
как раз и можно использовать такую конструкцию.
Точка с запятой в escape-последовательности
нужна, так же обязательно писать их маленькими буквами.
С текстом вроде бы разобрались, пошли к рисункам?
вверх
<<< Цвета
Работа с изображениями >>>
|