 |
БАСТ | Дополнение 1 |
Урок №2
Форматирование текста
Первый урок познакомил с основой создания странички для Интернета. Следующий шаг - это научиться работать с текстом, менять шрифт, размер букв, цвет и т.д. Поскольку HTML используется для описания документа, то язык содержит возможность форматировать текст. Указанные выше теги для форматирования заголовков <h1>, </h1>, <h2>, </h2>, <h3>, </h3>, <h4>, </h4> <h5>, </h5>, <h6>, </h6>, не стоит использовать для внесения изменений в текст.
Сначала мы рассмотрим несколько тегов форматирования, а затем напишем второй документ.
- Если вы будете набирать большой текст, то рано или поздно необходимо будет начать другой абзац и отделить его от первого. Для этой цели служат дескрипторы <p> и </p>. Между этими тегами можно размещать не только текст, но и изображения (способ ввода изображений в документ будет указан позже). Атрибут align (align=center , align=left, align=right, align=justify) выравнивает текст аналогично дескрипторам заголовков (смотри Урок №1). Формат записи: <p align=left>какой-то текст</p>.
- Для центрирования текста, графики и таблиц применяют теги <center> и </center>
- Для принудительного разрыва строки используется тег <br>. Текст после этого дескриптора прерывается и начинается с новой строки.
- Для изменения шрифта (курсив, жирный, моноширинный, подчеркнутый, перечеркнутый и т.д.) используются ниже следующие теги:
| теги | шрифт |
|---|---|
| <em> и </em> | курсив |
| <i> и </i> | курсив |
| <strong> и </strong> | жирный |
| <b> и </b> | жирный |
| <tt> и </tt> | моноширинный (пишущая машинка) |
| <u> и </u> | подчеркнутый |
| <strike> и </strike> | |
| <sub> и </sub> | нижний индекс(нормальный шрифт для сравнения) |
| <sup> и </sup> | верхний индекс(нормальный шрифт для сравнения) |
Пример документа HTML:
<html><head><title>Изменение шрифта</title></head>
<body>
<h1>Меняем шрифт</h1>
<p align=center> Теперь я могу менять шрифты:</p>
<i>Курсив</i>
<b>Жирный</b>
<tt>Шрифт пишущей машинки (моноширинный)</tt>
<em><strong>Жирный курсив</strong></em>
<p align=justify> С помощью тегов для верхнего и нижнего индексов есть возможность написать формулы: математические и химические! </p>
<center>
H<sub>2</sub>O <br>
H<sub>2</sub>SO<sub>4</sub> <br>
a<sub>n</sub>=b<sup>4</sup>+c<sub>1</sub>:2d<sup>3</sup> <br>
</center> </body>
</html>
Сохраните этот файл, или другой, написанный на его основе, как 2.html. Все сохраненные файлы в течение занятий мы будем использовать при ознакомлении с тегами ссылок.
© 2005 БАСТ |
