Логічні стилі

Стилі

Адреси

Цитати

Авторський стиль редагування

Вкладені списки

Списки визначень

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

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

Списки

Додаткові можливості форматування

Вище було описано, як створювати прості HTML-документи. Для складніших документів, HTML має деякі додаткові можливості форматування.

HTML підтримує ненумеровані, нумеровані списки і списки визначень.

Ненумерований список: <UL><LI>список пунктів </UL>, наприклад:

<UL>

<LI> яблука

<LI> банани

</UL>

що дає на екрані:

· яблука

· банани

Нумерований список ідентичний ненумерованому списку, тільки замість < UL> використовується < OL>.

<OL>

<LI> апельсини

<LI> персики

<LI> виноград

</OL>

що дає на екрані:

1. апельсини

2. персики

3. виноград

Browser автоматично нумерує елементи такого списку.

Список визначень зазвичай складається з чергування терміну (DT) і визначення (DD). Зазвичай Web browsers визначення розташовує на новому рядку. Приведемо приклад списку визначень:

<DL> <DT> NCSA<DD> NCSA (National Center for Supercomputing Applications). <DT> CTC <DD> CTC (Cornell Theory Center). </DL>

що дає:

NCSA

NCSA (the National Center for Supercomputing Applications)

CTC

CTC (Cornell Theory Center).

Списки можуть бути довільно вкладені, хоча розумніше було б практично обмежитися трьома рівнями вкладених списків.

Приведемо приклад вкладених списків:

<UL>

<LI> Крупні міста Росії:

<UL>

<LI> Москва

<LI> Санкт-Петербург

</UL>

<LI> Великі міста України:

<UL>

<LI> Київ

</UL>

</UL>

що дає на екрані:

· Крупні міста Росії:

o Москва

o Санкт-Петербург

· Крупні міста України:

o Київ

Як ми вже говорили вище, в загальному випадку, текст документа формується browser, ігноруючи пропуски і перенесення рядків. Використовуючи <PRE> можна описати в тексті заданий авторський стиль. (Тобто пропуски і порожні рядки показані як пропуски і порожні рядки, і рядки уриватимуться там же що і в початковому HTML-файлі.) Це корисно, наприклад, для зображення програм:

<PRE> #!/bin/csh cd $SCR cfs get mysrc.f:mycfsdir/mysrc.f cfs get myinfile:mycfsdir/myinfile fc -02 -o mya.out mysrc.f mya.out cfs save myoutfile:mycfsdir/myoutfile rm * </PRE>

що дає на екрані:

#!/bin/csh cd $SCR cfs get mysrc.f:mycfsdir/mysrc.f cfs get myinfile:mycfsdir/myinfile fc -02 -o mya.out mysrc.f mya.out cfs save myoutfile:mycfsdir/myoutfile rm *

При цьому на екрані текст пишеться шрифтом фіксованої ширини.

В межах <PRE> можуть використовуватися гіперпосилання. Проте, в межах <PRE>, необхідно уникати використовувати інші методи форматування HTML-документів. Відмітимо, що оскільки <, >, і & мають спеціальне значення в HTML, необхідно використовувати замість них символи (& lt;, & gt;, і & amp;, відповідно).

Використовуючи < BLOCKQUOTE>, можна включити в текст окрему цитату. Більшість browsers відокремлюють таку цитату від навколишнього тексту. Наприклад:

<BLOCKQUOTE>

Для того, щоб перейти в інший каталог на тому ж диску, можна натиснути комбінацію клавіш [Alt-F10]. Після цього на екрані зображається дерево каталогів на диску. Клавішами переміщення курсора слід виділити потрібний каталог і натиснути

[Enter]. <P>

Можна також набрати перші букви імені того каталога, в який треба перейти.

Total Commander постарається сам виділити потрібний каталог. <P>

</BLOCKQUOTE>

Для того, щоб перейти в інший каталог на тому ж диску, можна натиснути комбінацію клавіш [Alt-F10]. Після цього на екрані зображається дерево каталогів на диску. Клавішами переміщення курсора слід виділити потрібний каталог і натиснути [Enter].

Можна також набрати перші букви імені того каталога, в який треба перейти. Total Commander постарається сам виділити потрібний каталог.

< ADDRESS> використовується, щоб визначити автора документа і способи контакту з ним (наприклад, e-mail адреса). Звичайно це останній пункт у файлі.

Наприклад, останній рядок цього документа виглядає:

<ADDRESS> Вступ у HTML/ НДІЯФ МДУ/ [e-mail] </ADDRESS>

Що дає на екрані:

Вступ до HTML/ НДІЯФ МДУ/ [e-mail]

Увага: <ADDRESS> не використовується для поштової адреси.

Можна описувати спеціальними стилями окремі слова або пропозиції. Є два типи стилів: логічний і фізичний. Логічні стилі визначають текст згідно заданому значенню, тоді як фізичні стилі визначають деякі ділянки тексту.

Навіщо існують два стилі, якщо вони можуть дати однаковий результат на екрані? У якості відповіді на це питання зішлемся на аксіому: "Довіртеся вашому browser."

У ідеалі, в, зміст відділяється від заголовка. Таким чином, SGML визначає рядок як заголовок, але не визначає, що заголовок повинен бути написаний, наприклад, жирним шрифтом з розміром букв 24 пункти, і повинен бути розташований у верхній частині сторінки. Перевага цього підходу (це подібно в концепції стилю в більшості текстових процесорів) - в тому, що якщо Ви вирішуєте замінити стиль заголовка - все, що Ви повинні зробити - це змінити визначення заголовка в Web browser.

Інша перевага стилів в тому, що, наприклад, зручніше визначити що - небудь як < H1> чим пам’ятати, яким шрифтом треба описувати заголовок. Це ж істинно і для окремих символів. Наприклад, розглянемо <STRONG>. Більшість browsers розглядають це як жирний шрифт в тексті. Проте, можливо, що читач вважав за краще б що цьому розділі це виділялося, наприклад, іншим кольором. Таким чином, стилі дають користувачеві велику свободу у виборі шрифтів.

<DFN>

служить для опису визначень. (Це визначення.)

< EM >

служить для виділення слів. (Це виділене слово.)

<CITE>

служить для виділення заголовків книг, фільмів, цитат тощо.(Це цитата)

<CODE>

служить для виділення програмних кодів, текстів програм тощо. Зображається шрифтом фіксованої ширини. (The <stdio.h> header file)

<KBD>

використовується для введення з клавіатури користувача. Може бути зображено жирним шрифтом (але в більшості browser зображається спеціальним шрифтом). (Введіть passwd)

<SAMP>

використовується для машинних повідомлень. Зображається шрифтом фіксованої ширини. (Seg mentation fault: Core dumped.)

<STRONG>

служить для ОСОБЛИВОГО виділення слів. Зазвичай виділяється жирним шрифтом (Це дуже важливо)

<VAR>

використовується для символьних змінних. (Це змінна.)

Дата добавления: 2014-01-05