Партнерка на США и Канаду по недвижимости, выплаты в крипто

  • 30% recurring commission
  • Выплаты в USDT
  • Вывод каждую неделю
  • Комиссия до 5 лет за каждого referral

<LI> Елемент списку 3. Елемент списку

</OL>

Атрибут type дозволяє змінювати стиль нумерованого списку з числового на абетковий чи римський і може приймати значення 1, А, а, 1, або і.

Атрибут Start вказує з якого індексу починати нумерацію.

Дескриптор <DL> використовується з метою завдання словників, глосаріїв та інших переліків. Елемент <DL> включає додаткові елементи <DT> та <DD>, які позначають відповідно термін і визначення.

У вигляді HTML: Інтерпретація браузером:

<DL>

<DT> термін 1 термін 1

<DD> визначення 1 визначення 1

<DT> термін 2 термін 2

<DD> визначення 2 визначення 2

</DL>

Дескриптор <TR> відкриває рядок визначень комірок і не потребує кінцевого компоненту, хоча його можна використовувати для наочності позначення кожного рядка, підтримує атрибути, які задають стиль комірок усього рядка (bgcolor = цвет, align = способ, valign = значення, id = ім'я). Окремі комірки можна відформатувати інакше.

Одним із способів структурування інформації на Web-сторінках є використання списків. Списки дозволяють подати інформацію у впорядкованому вигляді. З їхньою допомогою можна організувати чітку подачу матеріалу. Основні типи списків, які використовуються у Web: впорядкований (нумерований) і невпорядкований (маркірований). Впорядкований список створюється за допомогою контейнера <ОL> </ОL>, у середині якого кожен елемент списку визначається за допомогою дескриптора <LІ> (від слів list item – елемент списку).

НЕ нашли? Не то? Что вы ищете?

Простий впорядкований список задається таким кодом:

<ОL>

<LI> Перший елемент списку

<LI> Другий елемент списку

………….

<LI> Останній елемент списку

</ОL>

У цьому випадку елементами списку є просто текстові рядки, але взагалі ними можуть бути будь-які елементи Web-сторінки: текст, зображення, гіперпосилання тощо.

У впорядкованих списках за допомогою атрибута TYPE дескриптора <ОL> можна вказати тип нумерації .

Типи нумерації у впорядкованих списках

ФОРМАТ ДЕСКРИПТОРА

СПОСІБ НУМЕРАЦІЇ

<ОL TYPE =1>

стандартний спосіб нумерації за допомогою арабських цифр

<ОL TYPE =a>

нумерація за допомогою малих букв алфавіту

<ОL TYPE =A>

нумерація за допомогою великих букв алфавіту

<ОL TYPE =I>

нумерація за допомогою римських цифр

Найбільш розповсюдженим типом списку, який використовується у Web, є невпорядкований або маркірований список. Коди маркірованих і нумерованих списків виглядають однаково, за винятком того, що контейнер <ОL></ОL> для нумерованого списку замінюється на <UL></UL> для маркірованого.

Розглянемо приклади.

Приклад №1

<HTML>

<HEAD>

<ТІTLE> Приклад вкладених списків</ТІТLЕ>

</HEAD>

<BODY>

<Н2> Вкладені списки </Н2>

<HR>

<НЗ> Типи зображень у Web </H3>

<ОL>

<LI> Вбудовані

<LI> Плаваючі:

<UL>

<LI> вздовж лівого поля;

<LI> вздовж правого поля;

</UL>

<LI> Зображення-гіперпосилання

<LI> Зображення-мініатюри

<LI> Фонові зображення

</ОL>

</BODY>

Приклад №2

<HTML>

</ТІТLЕ>

</HEAD>

<BODY BGCOLOR=YELLOW>

<CENTER><H1>МОЯ ТУРИСТИЧНА ПОЇЗДКА</H1></CENTER>

<CENTER><TABLE BORDER=6></CENTER>

<TR>

<TD><FONT COLOR=Green>

<OL TYPE=1>

<LH><B> Список перший</B></LH>

<LI> Прибуття літаком до Парижу

<LI> Нічний переїзд в Берлін

<LI> Потяг до Вени

<LI> Літак до Риму

<LI> Зупинка в Ніцці

<LI> Повернення до Парижу, літак додому

</OL>

</FONT></TD>

<TD>

<OL TYPE=A>

<LH><B>Список другий </B></LH>

<LI>Прибуття літаком до Парижу

<LI>Нічний переїзд в Берлін

<LI>Потяг до Вени

<LI>Літак до Риму

<LI> Зупинка в Ніцці

<LI> Повернення до Парижу, літак додому

</OL>

</TD>

<TD>

<OL TYPE=I>

<LH><B>Список третій </B></LH>

<LI> Прибуття літаком до Парижу

<LI> Нічний переїзд в Берлін

<LI> Потяг до Вени

<LI> Літак до Риму

<LI> Зупинка в Ніцці

<LI> Повернення до Парижу, літак додому

</OL>

</TD>

</TR>

</BODY>

Однією з характеристик таблиці є рамка. Для побудови таблиці з рамкою треба задати товщину рамки за допомогою атрибута BORDER дескриптора TABLE. Формат атрибута: BОRDER=n, де п – товщина рамки у пікселях.

Приклад №3

<TABLE BОRDER=1>

<ТН><ТD>Комп'ютери<ТD>Принтери</ТR>

<ТН><ТD>Клавіатури<ТD>Миші</ТR>

</TABLE>

У цьому прикладі описується найпростіша таблиця з рамкою, яка складається з двох рядків і двох стовпців. Для визначення ширини таблиці в дескрипторі <TABLE> використовується атрибут WIDTH, в якому вказується значення ширини таблиці або у пікселах, або у відсотках від ширини вікна браузера. Крім дескриптора даних комірки – <TD> можна використовувати дескриптор даних заголовка – <ТН>. Текст, поміщений в контейнер <ТН></ТН>, буде відображатися напівжирним шрифтом.

Із допомогою контейнера <CAPTIОN> можна задати підписи до таблиці.

При побудові таблиць велике значення мають атрибути CОLSPAN та RОWSPAN дескриптора <TD>. З їх допомогою можна задавати комірки, які займатимуть декілька стовпців або рядків. Для цього в атрибуті CОLSPAN необхідно вказати значення тієї кількості стовпців, а в атрибуті RОWSPAN значення тієї кількості рядків, які повинна займати комірка.

Приклад №4

<HTML>

<HEAD>

<TITLE> Задання кольору таблиць і рамок </TITLE>

</HEAD>

<BODY>

<Н4 ALIGN=CENTER> Для задання кольору таблиці і рамок

дескриптор &lt;TABLE&gt; використовується разом з атрибутами BGCOLOR, BORDERCOLOR, BORDERLIGHT. Для задання кольорів окремих комірок ці атрибути можуть використовуватися в дескрипторах &lt;TD&gt;,&lt;TH&gt;.

</H4> <! – з допомогою спеціальних символів &lt та &qt задаємо відповідно відкриваючу "<" та закриваючу ">" дескрипторні дужки -->

<!--задаємо таблицю шириною 700 пікселів з рамкою голубого кольору -->

<TABLE WIDTH=700 BОRDER=3 BОRDERCОLОR=blue BORDERLIGHT=lightblue>

<CAPTIОN ALIGN=TОP> Атрибути задання кольорів у таблиці

</CAPTIОN>

<TR>

<TD CОLSPAN=2> Aтрибут BGCOLOR

<TD CОLSPAN=2> Aтрибут BORDERCOLOR

</TR>

<TR>

<TD BGCОLОR="aqua"><FONT SIZE="-1">

&lt;TD BGCОLОR="aqua"&gt;

<TD BGCОLОR="#00FF40"><FONT SIZE="-1">

&lt;TD BGCОLОR="#00FF40"&gt;

<ТD BORDERCOLOR="green"><FONT SIZE="-1">

&lt;TD BORDERCOLOR="green" &gt;

<TD BORDERCОLОR="#F89887">

Из за большого объема этот материал размещен на нескольких страницах:
1 2 3 4 5 6 7 8 9 10 11 12