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