<

Все для сайта

МЕНЮ САЙТА
ГЛАВНАЯ
Что такое HTML
Структура документа
Форматирование
Ссылки
Списки
Графика

Форматирование


Некоторые html-тэги, которые встречаются в разделе BODY, можно условно(в некоторой степени) разделить на тэги уровня блока и последовательные тэги или тэги уровня текста. Их различие заключается в том, что тэги уровня блока могут содержать последовательные тэги и другие тэги уровня блока, в то время как последовательные тэги содержат только данные и другие последовательные тэги. Блоковые тэги описывают более крупные структуры документов, по сравнению с последовательными тэгами.

Тэги уровня текста

Для форматирования текста html-документов предусмотрена целая группа тэгов, которую можно условно разделить на тэги логического и физического форматирования.
В настоящее время рекомендуется использовать тэги логического форматирования, т.к. именно на базе логического форматирования можно гибко управлять  представлением документа. Тем не менее, в настоящее время можно свободно использовать и физическое форматирование.

Тэги логического форматирования

        
Тэг <ABBR> - используется для аббревиатур (СНГ, КПСС, WWW);

Тэг <ACRONYM> - используется для сокращений (стр., англ.) и аббревиатур.Данный тэг удобно использовать в сочетании с параметром TITLE, в качестве значения которого можно будет указать полную форму записи аббревиатуры.
Например:
<ACRONYM TITLE="Санкт-Петербургский государственный институт точной механики  и оптики">
СПбГИТМО</ACRONYM>-один из ведущих технических вузов Санкт-Петербурга

<CITE>
- служит для выделения цитат;
Например:
<CITE>Родной город</CITE> популярная газета города Волгограда

Тэг <CODE> - служит для выделения программных кодов, текстов программ и т.п. Обычно выделяется шрифтом фиксированной ширины;
Например:
<CODE>puts("Hello, World");</CODE>

Тэг  <DFN> - служит для описания определений;
Например:
<DFN>Internet Explorer<./DFN>-это популярный Web-браузер

Тэг <EM> - служит для выделения текста;
Например:
<EM>этот текст выделен</EM>

Тэг <KBD> - используется для ввода с клавиатуры пользователя;
Например:
  Чтобы запустить текстовый редактор, напечатайте:<KBD>notpad</KBD>
Тэг <SAMP> - используется для вывода машинных сообщений (Segmentation fault: core dumped);
Например:
<SAMP>Hello, World;</SAMP>
 Тэг <STRONG> - служит для особого выделения текста, обычно выделяется жирным текстом;
Например:
Санкт-Петербург расположен в самой восточной   оконечности <STRONG>Финского залива</STRONG> в устье реки <STRONG>Невы</STRONG>
Тэг <VAR> -  отмечает имена переменных программ;
Например:
Задайте значение переменной <VAR>N</VAR>

Тэги физического форматирования

Тэг <B>  - полужирный шрифт;
Например:
Это <B>полужирный<B> шрифт.
Тэг <I>  - курсив;
Например:
Выделение <I>курсивом<I>
Тэг <TT> - шрифт фиксированной ширины (как на пишущей машинке),т.е моноширный шрифт.
Например:
Это <TT>моношитный</TT> шрифт.

<U>
 - подчеркнутый текст;
Например:
Это <U>подчеркнутый</U> текст.

Тэг <STRIKE> - перечеркнутый шрифт;

Тэг <BIG>    - шрифт большего размера;
Например:
Шрифт <BIG>большего<BIG> размера.

Тэг <SMALL> - шрифт меньшего размера.
Например:
Шрифт <SMALL>меньшего</SMALL> размера.

Тэг <SUB>- сдвигает текст ниже уровня строки и выводит его штифтом меньшего размера. Удобно использовать для математических индексов.

Тэг <SUP>- сдвигает текст выше уровня строки и выводит его штифтом меньшего размера. Удобно использовать для задания степеней чисел в математике.

Тэг <FONT>- определяет выводимый шрифт, его цвет и размер.
Имеет следующие параметры:
  • FACE-служит для указания типа шрифта, используемото в тексте.
           Например:
          <FONT FACE="Arial"> 
           текст с указанным шрифтом
          </FONT>
  • SIZE-служит для указания размеров шрифта в условных единицах от 1 до 7.
           Например:
            <FONT SIZE=1>шрифт размера 1 </FONT> 
  • COLOR- устанавливает цвет шрифта.
            Например:
            <FONT COLOR=#FF0000>текст красного цвета </FONT>

Тэг <BASEFONT>- используется для указания размера, типа и цвета шрифта, используемого в документе по умолчанию.Эти значения обязательны для всего документа, однако могут в нужных местах переопределяться с помощью тэга <FONT>. После закрывающего тэга </FONT> действие тэга <BASEFONT>  восстанавливаются. Данный тэг не требует закрывающего тэга.параметры используются те же, что и для тэга <FONT>.

Теги уровня блока

Тэг <P> -элемент абзаца ( paragraph ) - один из самых полезных. Перед началом каждого абзаца текста следует поместить тег <P>. Закрывающий тег </P> не обязателен. Браузеры обычно отделяют абзацы друг от друга пустой строкой. Тег <P> может задаваться с параметром горизонтального выравнивания ALIGN.  По умолчанию выполняется выравнивание по левому краю.Возможные значения параметра:
Значение параметра Действие
LEFT Выравнивание текста по левому краю
CENTER Выравнивание по центру 
RIGHT Выравнивание по правому краю
JUSTIFY Выравнивание по ширине

Тэг <BR>-элемент, обеспечивающий принудительный переход на новую строку. Не имеет соответствующего закрывающего тэга. Включение тега <BR> в текст документа обеспечит размещение последующего текста с начала новой строки. Например использeтся для создания структур типа списков без использования специальных тегов разметки списка или, для отображения стихотворений и т. п.

Тэг<NOBR> и <WBR>
.  Тэг-контейнер <NOBR> является прямой противоположностью предыдущему. Текст, заключённый между его тегами, будет выведен в одну строку. Если при этом получающаяся строка будет выходить за пределы окна просмотра браузера, то появится горизонтальная полоса прокрутки. Используя для разметки текста тег <NOBR> можно получить очень длинные строки. Если вы не хотите чтобы так получилось можно указать место возможного перевода строки, что будет выполнено только при необходимости (так называемый "мягкий" перевод строки). Это можно осуществить, поставив в нужном месте текста тег <WBR>, не  требующий закрывающего тэга.

Тэг <H1>...<H6>- определяет заголовки для отдельных частей документа. Для разметки заголовков используются теги <HI>, <H2>, <H3>, <H4>, <H5> и <H6>. Эти теги требуют соответствующего закрывающего тэга. Заголовок уровня 1 самый крупный, а уровень 6 обеспечивает самый мелкий заголовок. Тэги заголовков могут задаваться с параметром горизонтального выравнивания ALIGN. Возможные значения параметра совпадают с параметрами выравнивания тега абзаца <P>.
Например:
<H3 ALIGN=CENTER>Заголовок размера 3</H3>

Тэг <HR>-озволяет провести рельефную горизонтальную линию в окне большинства программ просмотра. Этот тег не является контейнером, поэтому не требует закрывающего тэга. Параметры тега <HR>:
Параметр тега Назначение
ALIGN Выравнивает по краю или центру; имеет значения LEFT, CENTER, RIGHT
WIDTH Устанавливает длину линии в пикселах или процентах от ширины окна браузера
SIZE Устанавливает толщину линии в пикселах Отменяет рельефность линии
NOSHADE Указывает цвет линии.
COLOR Используется формат RGB или стандартное имя
 
Тэг <PRE>- определяющий предварительно форматированный (преформатированный) текст. Тег-контейнер используется в случае, когда нужно вставить текст, отформатированный традиционным способом.Для отображения всегда будет использоваться моноширинный шрифт.Текст внутри контейнера <PRE> может содержать элементы форматирования уровня текста, кроме следующих: <IMG>, <OBJECT>, <APPLET>, <BIG>, <SMALL>, <SUB>, <SUP>, <FONT>, <BASEFONT>.

Тэг <DIV> -служащим для выделения фрагмента документа. Целью этого выделения является управление параметрами данного фрагмента.

Тэг <CENTER> -необходим для центрирования текста, а точнее, любого содержимого (рисунка, таблицы, списка и т.д.). требует закрывающий тэг.

 Тэг <BLOCKQUOTE>-необходим для включения в текст длинной цитаты.Он является контейнером и может содержать любые теги форматирования. Текст, размеченный данным тэгом, при отображении отделяется от основного текста пустыми строчками и, как правило, выводится с небольшим отступом вправо.

Тэг <ADDRESS> -применяется для идентификации автора документа и для указания адреса автора. Сюда же обычно помещаются сведения об авторских правах. Этот элемент располагается либо в начале, либо в самом конце документа.

 Специальные символы. При вводе текста в документ часто возникает вопрос: как заставить браузер отобразить символы, которые невозможно ввести с клавиатуры.Например буквы алфавитов части европейских языков, математические и некоторые другие символы. Некоторые символы, непосредственно введенные в HTML-документ, будут интерпретированы не так, как задумал автор. К ним относятся символы "<" и ">", обычно используемые для указания тегов языка. В таких случаях можно вводить нужные символы в ваш HTML-документ при помощи специальных кодов. Эти коды состоят из символа амперсанда (&) и следующим за ним именем символа или его десятичным или шестнадцатеричным значением. Заканчиваться специальный символ должен знаком "точка с запятой".

Вид Имя Код Описание
Опознавательные знаки.
© &copy; &#169;    Знак copyright, указывает авторство.
&trade; &#8482; Знак торговой марки.
® &reg; &#174; Знак зарегистрированной торговой марки.
Знаки пунктуации.
&nbsp; &#160; Неразрывный пробел
&ndash; &#8211; Узкое тире
&mdash; &#8212;    Широкое тире
&hellip; &#8230; Многоточие
§ &sect; &#167; Параграф
&para; &#182; Конец абзаца
&shy; &#173; Мягкий перенос
&bull; &#8226;    Буллит
´ &acute;        &#180; Ударение
¯ &macr; &#175; Знак долготы над гласным
º &ordm; &#186;    Знак мужского рода
ª &ordf; &#170; Знак женского рода
Кавычки.
" &quot; &#34; Прямая кавычка
« &laquo; &#171; Левая угловая кавычка
» &raquo; &#187; Правая угловая кавычка
&lsquo; &#8216; Левая одинарная кавычка
&rsquo; &#8217; Правая одинарная кавычка
&sbquo; &#8218; Нижняя одинарная кавычка
&ldquo; &#8220; Левая двойная кавычка
&rdquo; &#8221; Правая двойная кавычка
&bdquo; &#8222; Нижняя двойная кавычка
&lsaquo;    &#8249; Левая одинарная угловая кавычка
&rsaquo;    &#8250;    Правая одинарная угловая кавычка
Символы математических знаков.
& &amp; &amp; Амперсанд
< &lt; &#60; Меньше
> &gt; &#62; &#62;
&le; &#8804; Меньше или равно
≤    &le; &#8805; Больше или равно
&asymp; &#8776; Приблизительно равно
&ne; &#8800;    Не равно
&equiv; &#8801; Тождественно
° &deg; &#176;    Градус
−    &minus; &#8722;    Минус
± &plusmn; &#177; Плюс-минус
×    &times; &#215; Умножение
÷ &divide; &#247; Деление
&frasl; &#8260; Косая дробная черта
&radic; &#8730; Квадратный корень
&infin; &#8734; Бесконечность
∩    &cap; &#8745; Пересечение
ƒ &fnof; &#402; Функция
&sum; &#8721; Сумма
&prod; &#8719; Произведение
&part; &#8706; Частный дифференциал
&int; &#8747; Интеграл
¹ &sup1; &#185; Первая степень
² &sup2; &#178; Вторая степень (квадрат)
³ &sup3; &#179; Третья степень (куб)
½ &frac12; &#189; Одна вторая
¼ &frac14; &#188; Одна четвертая
¾ &frac34;    &#190; Три четвертых
µ &micro; &#181; Микро (мю)
&prime; &#8242; Одиночный штрих
&Prime; &#8243; Двойной штрих
¬ &not; &#172; Знак логической инверсии
&oline; &#8254; Надчеркивание
· &middot; &#183; Средняя точка
Денежные знаки.
¢ &cent; &#162; Цент
£ &pound; &#163; Фунт стерлингов
¥ &yen; &#165; Йена
&euro; &#8364; Евро
¤ &curren; &#164;    Общий символ валюты
Стрелки в графике.
←    &larr; &#8592; Стрелка влево
&uarr; &#8593;    Стрелка вверх
&rarr; &#8594; Стрелка вправо
&darr; &#8595; Стрелка вниз
&harr; &#8596; Стрелка влево-вправо
&varr; &#8597; Стрелка вверх-вниз
Масти игральных карт.
&spades; &#9824; Пики
♣    &clubs; &#9827; Трефы
&hearts; &#9829; Червы
&diams; &#9830; Бубны
Разные символы.
˜ &sim; &#152; Тильда
¨ &uml; &#168; Умляут
¸ &cedil;    &#184; Седиль
ˆ &circ; &#710; Циркумфлекс
&permil; &#8240; Промилле
¦ &brkbar; &#166; Разорванная вертикальная черта.
&dagger; &#8224; Крест
&Dagger; &#8225; Двойной крест
¡ &iexcl; &#161;    Перевернутый восклицательный знак.
¿ &iquest;    &#191; Перевернутый вопросительный знак


 <<Назад         Вперед>>

Сайт управляется системой uCoz