Видоизменение текстаВидоизменение текста - средства его форматирования, такие как выбор начертания шрифта и использование эффектов, позволяющих менять вид текста. В таблице перечислены основные теги, которые применяются для изменения оформления текста. | Код HTML | Описание | Пример |
|---|
| <b>Текст</b> | Жирный текст | Текст | | <i>Текст</i> | Курсивное начертание текста | Текст | | <u>Текст</u> | Подчеркнутый текст | Текст | | <sup>Текст</sup> | Верхний индекс | e=mc2 | | <sub>Текст</sub> | Нижний индекс | H2O | | <strike>Текст</strike> | Зачеркнутый текст | Текст | | <pre>Текст</pre> | Текст пишется как есть, включая все пробелы | Текст | | <em>Текст</em> | Курсивный текст | Текст | | <strong>Текст</strong> | Жирный текст | Текст |
Обычно для создания верхнего или нижнего индекса используется тег SMALL, делающий индекс меньше по размеру основного шрифта. Пример. Создание нижнего индекса| <b>Формула серной кислоты:</b> <i>H<sub><small>2</small></sub>SO<sub><small>4</small></sub></i> |
| Формула серной кислоты:H2SO4 |
Размер текстаДля изменения размера текста существует несколько возможностей. В таблице перечислены основные варианты. | Код HTML | Описание | Пример |
|---|
| <big>Текст</big> | Увеличивает размер шрифта | Текст | | <small>Текст</small> | Уменьшает размер шрифта | Текст | | <h1>Текст</h1> | Пишет текст в виде большого заголовка | Текст | | <h6>Текст</h6> | Пишет текст в виде маленького заголовка | Текст | | <font size=1>Текст</font> | Текст пишется маленькими буквами (8 пунктов) | Текст | | <font size=7>Текст</font> | Текст пишется большими буквами (36 пунктов) | Текст |
Если перечисленных параметров недостаточно, можно воспользоваться CSS, где размер шрифта задается сколь угодно большой. Также возможно создать текст в графической программе и добавить его на веб-страницу в виде изображения. Теги BIG и SMALL можно повторять несколько раз подряд, тем самым увеличивая или уменьшая текст до нужных размеров. Пример. Использование тега BIG Используя теги для увеличения текста, можно добиться <big><big>больших</big></big> результатов
Выравнивание текстаВыравнивание текста определяет его внешний вид и ориентацию краев абзаца и может выполняться по левому, правому краю, по центру или по ширине. | Выравнивание по левому краю | Выравнивание по правому краю | Выравнивание по центру | Выравнивание по ширине |
|---|
| Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. | Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. | Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. | Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. |
Наиболее распространенный вариант - выравнивание по левому краю, когда слева текст сдвигается до края, а правый остается неровным. Выравнивание по правому краю и по центру в основном используется в заголовках и подзаголовках. Следует иметь в виду, что при использовании выравнивания по ширине в тексте между словами могут появиться большие интервалы, что не очень красиво. | Код HTML | Описание | Пример |
|---|
| <p>Текст</p> | Добавляет новый параграф, по умолчанию выровненный по левому краю. Перед параграфом автоматически добавляется пустая строка. | Текст | | <p align=left>Текст</p> | Выравнивание по левому краю. | Текст | | <p align=right>Текст</p> | Выравнивание по правому краю. | Текст | | <p align=center>Текст</p> | Выравнивание по центру. | Текст | | <p align=justify>Текст</p> | Выравнивание по ширине. | Текст по ширине | | <nobr>Текст</nobr> | Отключает автоматический перенос строк, даже если текст шире окна браузера. | | | Текст<wbr> | Разрешает браузеру делать перенос строки в указанном месте, даже если используется NOBR тег. | | | <center>Текст</center> | Центрированный текст. | Текст | | <div align=center>Текст</div> | Центрированный текст. | Текст | | <div align=left>Текст</div> | Выравнивание по левому краю. | Текст | | <div align=right>Текст</div> | Выравнивание по правому краю. | Текст | | <div align=justify>Текст</div> | Выравнивание по ширине. | Текст по ширине |
Смотрите ниже теги, форматирующие HTML текст:
- Теги <strong> </strong> → жирный HTML текст (жирный шрифт).
- Теги <b> </b> → жирный HTML текст (жирный шрифт).
- Теги <kbd> </kbd> → моноширинный HTML текст (моноширинный шрифт).
- Теги <code> </code> → моноширинный HTML текст (моноширинный шрифт).
- Теги <samp> </samp> → моноширинный HTML текст (моноширинный шрифт).
- Теги <big> </big> → HTML текст, размер больше обычного (крупный шрифт).
- Теги <small> </small> → HTML текст, размер меньше обычного (мелкий шрифт).
- Теги <em> </em> → наклонный HTML текст (наклонный шрифт).
- Теги <i> </i> → наклонный HTML текст (наклонный шрифт).
- Теги <dfn> </dfn> → наклонный HTML текст (наклонный шрифт).
- Теги <ins> </ins> → подчеркнутый HTML текст (подчеркнутый шрифт).
- Теги <del> </del> → зачеркнутый HTML текст (зачеркнутый шрифт).
- Теги <sub> </sub> → HTML текст (шрифт) в нижнем индексе.
- Теги <sup> </sup> → HTML текст (шрифт) в верхнем индексе.
|
