Функциональные элементы, используемые для форматирования HTML текста

Набрав текст в редакторе, скопировав текст в html-код, возможно произвести открытие html-страницы в браузере. При этом отформатированный текст куда-то исчез. Произошедшее можно объяснить, тем что текстовый редактор применяет свои спецсимволы для форматирования текста, не показанных по умолчанию.

В окне редактора показан только текст. На самом деле есть ещё спецсимволы, с помощью них редактор «понимает», как ему отображать тот или иную часть текста.

Предварительно отформатированный текст можно вставить в html-страницу с помощью тегов < pre> и < /pre>. Браузер покажет текст, который заключен между этими тегами в том виде, в каком он есть в текстовом редакторе.

Самыми популярными для форматирования тегами текста являются:

<B></B> — используется для выделения текста полужирным.

<I></I> — используется для получения курсивного текста. Рекомендуется так же использовать тег < em>< /em>.

<U></U> — позволит подчеркнуть текст. Главное не перепутать подчёркнутый текст со ссылкой.

<STRIKE></STRIKE> — делает текст перечёркнутым.

<SUB></SUB> — предназначен для выделения подстрочного текста (нижний индекс). Тег может быть полезен для записи химических формул.

<SUP></SUP> — используется для выделения надстрочного текста (верхнего индекса). Например, для записи возведения в степень:

(a+b)< sup>2< /sup>,

получаем

(a+b)².

Все эти теги для форматирования текста возможно использовать как по одному, так и несколько вместе. Достигается это путем вложения тегов друг в друга. Например,

< strong>H< sub>2< /sub>O< /strong> — это <strong>< em>формула воды.< /em>< /strong>

В HTML абзацы создаются с помощью тега <P>. Использование тега приводит к вставке одной пустой строки и размещению находящегося за ним видимого элемента html-страницы в следующей строке.

Использовать закрывающий тег < /P> не обязательно.

Для выравнивания текста, используется атрибут align с значениями center, left, right и justify. Атрибут выравнивает текст по центру, по левому краю, по правому краю и одновременно по двум краям сразу.

Например:

< p align="center">Текст по центру< /p>

или, чтобы выровнять текст по центру:

< p align="right">Выравнивание текста по правому краю< /p>

Если данный атрибут не используется, текст будет выровнен по левому краю. Происходит это по умолчанию. Пример, код:

< p>По умолчанию текст выравнивается по левому краю< /p>

выровнит текст по левому краю

По умолчанию текст выравнивается по левому краю

Если нужно обеспечить переход на новую строку без вставки пустой строки, то используется тег < BR>.

У < BR> нет закрывающего тега.

Визуально разделить части текста можно ещё при помощи тега < HR>. Этот тег создает на странице разделительную полосу. Тег < HR> имеет следующие атрибуты:

size — толщина полосы;

width — ширина полосы;

align — выравнивание;

color — цвет полосы;

noshade — атрибут, не имеющий значений. Если указан, то создается сплошная чёрная полоса без тени.

Для задания названий разделов и подразделов в HTML используются теги заголовков. Существуют шесть уровней заголовков:

< H1>< /H1> — заголовок первого уровня

< H2>< /H2> — заголовок второго уровня

< H3>< /H3> — заголовок третьего уровня

< H4>< /H4> — заголовок четвёртого уровня

< H5>< /H5> — заголовок пятого уровня

< H6>< /H6> — заголовок шестого уровня

Заголовки выделяются полужирным шрифтом и отделяются от остального текста пустой строкой. Самый крупный заголовок < H1>< /H1> (им выделено название этого урока), а самый маленький < H6>< /H6>. Теги заголовков имеют атрибуты:

align — выравнивание текста заголовка на странице (значения те же, что и для выравнивания обычного текста);

title — всплывающая подсказка, которая появляется при наведении мыши на заголовок.

Для форматирования непосредственно шрифтов, в HTML есть тег < FONT>< /FONT>. У этого тега существуют следующие атрибуты:

color — цвет текста шрифта;

face — гарнитура шрифта;

size — размер текста шрифта. Может быть задан абсолютным (от 1 до 6) либо относительным значением (от +1 до +6 и от -1 до -6). По-умолчанию, размер текста 3. Если указать < font size="+1">< /font>, то текст, размещённый между тегами < font> и < /font>, будет отображаться увеличенным на 1 по сравнению с другим текстом. Аналогично и с -1.

В HTML списки создаются с помощью тегов < OL>< /OL> и < UL>< /UL>. В первом случае создается упорядоченный (нумерованный), во втором неупорядоченный (маркированный) списки. Каждый элемент списка выделяется тегом < LI>< /LI>. Браузер отображает элементы списка с новой строки в виде столбца с отступом и маркерами. Вид маркера определяется атрибутом type.

В нумерованном списке маркеры (значения атрибута type) такие:

1 — нумерация арабскими цифрами (по умолчанию);

A — большими латинскими буквами по алфавиту;

a — маленькими латинскими буквами;

I — большими римскими цифрами;

i — маленькими римскими цифрами.

В маркированном списке значения атрибута type такие:

disc — закрашенный кружок (по-умолчанию);

circle — незакрашенный кружок;

square — закрашенный квадратик.

Как и остальные теги HTML, списки можно вкладывать друг в друга. Получаются многоуровневые вложенные списки.

Спецсимволы — это символы, которых либо нет на клавиатуре, либо те, которые браузер принимает за управляющий символ и преобразует в код. Полный список этих символов ты найдешь здесь Спецсимволы HTML. Кроме того, самые главные знания для форматирования текста — это правила грамматики русского языка. Грамотно написанный текст уже наполовину отформатирован.

Дата добавления: 2015-08-31