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

Атрибут Функция
<B> </B>   жирный шрифт
<I> </I> Курсивный шрифт (наклонный)
<U> </U>   подчеркнутый шрифт
<S> … </S> перечёркнутый шрифт
<strike> … </strike> перечёркнутый шрифт (аналог <s></s>)
<big> … </big> текст отображается больше, чем основной шрифт
<small> … </small> текст отображается меньше, чем основной шрифт
<TT> … </TT>.   Текст, размещенный между этими метками, будет написан шрифтом, имитирующим пишущую машинку, то есть имеющим фиксированную ширину символа.
<BLINK>…</BLINK>- поддерживается только браузером Netscape и реализует мигающий эффект выделенного фрагмента текста;
<font size= “ ”>…</font>  
SIZE-его функцией является определение размера шрифта, которое происходит по условной шкале от1 до 7. Однако вид шрифта с учетом свойств его размеров может различаться в зависимости от модели и версии браузера. <FONT FACE= “Tahoma”, “Arial”, “Verdana” COLOR= “BLUE” SIZE=“2”>Этот текст будет показан одним из 3-х указанных шрифтов.</FONT>
<font color= “ ”>...</font>
Устанавливает цвет текста, используя значение цвета в виде RRGGBB.

 

<font face= “ ”>...</font> FACE-посредством которого браузер отображает текст указанным в HTML-коде шрифтом. При этом значение параметра FACE должно соответствовать шрифту, установленному на компьютере пользователя. Если такого нет, текст будет показан стандартным шрифтом. <FONT FACE= “Tahoma”, “Arial”, “Verdana”>Этот текст будет показан одним из 3-х указанных шрифтов.</FONT>  
<SUP> … </SUP> размещает текстовый фрагмент относительно верхней линии строки. Также подходит для включения в разнообразные формулы.
<SUВ>…</SUВ> позиционирует фрагмент текста относительно нижней линии строки. Весьма удобный инструмент для написания математических и химических формул.

Использование HTML-списков

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

Нумерованные списки.

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

Для создания нумерованного списка используется тэг <OL> ... </OL>, внутри которого располагаются пункты перечня информационных данных, за указание которых отвечает специальный тэг <LI>(List Item-пункт списка или элемент списка)

<OL> <LI>Иван; <LI>Данила; <LI>Игорь</OL> получится вот такой список:
  1. Иван;
  2. Данила;
  3. Игорь
 

Маркированные списки.

Другим распространенным способом структуризации информационных данных является создание маркированных списков. Маркированный список предоставляет собой ненумерованный или неупорядоченный (Unordered List)перечень элементов, для заголовка которых используются специальные маркеры. В качестве маркеров выступает специальные символы, называемые буллитами. Для создания маркированных списков применяется тэг <UL>...</UL> внутри которого располагаются элементы самого списка <LI>.

Например, чтобы создать вот такой список:

необходим вот такой HTML-текст: <UL> <LI>Иван; <LI>Данила; <LI>Игорь</UL>  
  • Иван;
  • Данила;
  • Игорь.

 

Обратите внимание: у метки <LI> нет парной закрывающей метки.

Тэг <OL> может иметь следующие параметры:

Атрибут Функция
TYPE = “ ”:  
A - большие латинские буквы (А, В, С, D, ...)
a - маленькие латинские буквы (а, b, с, d, ...)
I - большие римские цифры (І, ІІ, ІІІ, ІV,…)
i - маленькие римские цифры (і, іі, ііі, іv, ...)
1 - обычные цифры (1, 2, 3, 4,...)

START - устанавливает число, с которого будет начинается отсчет.

Следующий пример отображает список, пронумерованный большими латинскими буквами и начинающийся с восьмой цифры:

<OL TYPE="I" START="8"> <LI> Восемь <LI> Девять <LI> Десять <LI> Одиннадцать <LI> Двенадцать </OL> VIII. Восемь IX. Девять X. Десять XI. Одиннадцать XII. Двенадцать

Параметры тэга <UL>

Тэг маркированного списка: <UL> может содержать два основных параметра: TYPE иCOMPACT. ПараметрTYPE отвечает за форму отображаемого браузером маркера. Существуют три возможных значения данного параметра:

  • TYPE=disc-значение параметраTYPE, используемое по умолчанию (указание необязательно), которое отображает маркер в виде закрашенного круга;
  • TYPE=circle-маркер отображается в виде не закрашенного круга (кольца);
  • TYPE=square-отображение маркера в виде закрашенного квадрата.
Атрибут Функция
<UL TYPE=disc><LI> disc </UL> · disc
<UL TYPE=circle><LI> circle </UL> o circle
<UL TYPE=square><LI> square </UL> § square

Списки определений.

Списки определений - это особый тип структуризации информационных данных. Идеально подходящий для отображения терминологических и толковых словарей, а также справочников средствами HTML. В отличие от нумерованных и маркированных списков, которые могут содержать не только по несколько элементов, но и другие списки, список определений состоит всего из двух частей: самого определения (термина) и его содержательной части (описания). Структура списка определений описывается тэгом-контейнером <DL>(Definition List), внутри которого указывается тэг <DT>(Definition Term), выделяющий заголовок определения, и тэг <DD> (Definition Description), описывающий содержательную часть определения. Для двух последних тэгов наличие закрывающих тэгов необязательно.

Списки определений имеют следующий вид:

<DL> <DT> Термин <DD> Определение термина <DD> Определение термина <DD> Определение термина <DD> Определение термина </DL> Термин Определение термина Определение термина Определение термина Определение термина

 

С элементом DL можно использовать атрибут COMPACT для установки более компактного размещения пунктов списка. <DL COMPACT> Именно так используется данный атрибут - никакие числовые значения ему не присваиваются.

Пример 2.

<html>

<head>

<title>

Пример

</title>

</head>

<body bgcolor="#FFFFFF" TEXT="black" LINK="#00FF00" ALINK="#00FF00" VLINK="blue">

<OL TYPE="1">

<Font size="5"> <b>Модуль Информатика</b></Font>

<li>Информатика

<li>Электронное правительство

<li>Основы языка Delphi

</ol>

<OL TYPE="I">

<Font size="5"> <b>Модуль психиатрия </b></Font>

<li>Наркология

<li>Психология

<li>Психиатрия

</ol>

<OL TYPE="A">

<Font size="5"> <b>Модуль философия </b></Font>

<li>Философия

<li>Социология

<li>Основы права

</ol>