Заработать в Интернете, заработать деньгl

Дополнительные возможности форматирования

Выше было описано, как создавать простые HTML-документы. Для более сложных документов, HTML имеет некоторые дополнительные возможности форматирования.

Списки

HTML поддерживает ненумерованные, нумерованные списки и списки определений.

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

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

<UL>

<LI> яблоки

<LI> бананы

</UL>

что дает на экране:

яблоки
бананы

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

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

<OL>

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

<LI> персики

<LI> виноград

</OL>

что дает на экране:

апельсины
персики
виноград

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>

что дает на экране:

Крупные города России:
- Москва
- Санкт-Петербург
Крупные города Украины:
- Киев

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

Как мы уже говорили выше, в общем случае, текст документа формируется 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 отделяет такую цитату от окружающего текста. Например:

Для того чтобы перейти в другой каталог на том же диске, можно нажать комбинацию

клавиш [Alt-F10]. После этого на экране изображается дерево каталогов на

диске. Клавишами перемещения курсора следует выделить нужный катлог и нажать

[Enter].

Можно также набрать первые буквы имени того катлога, в который надо перейти.

Norton Commander постарается сам выделить нужный каталог.

</BLOCKQUOTE>

Что дает на экране:

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

Адреса

< ADDRESS> используется, чтобы определить автора документа и способы контакта c ним (например, e-mail адрес). Обычно это последний пункт в файле.

Например, последняя строка этого документа выглядит:

<ADDRESS> Введение в HTML/ НИИЯФ МГУ/ lenka@srdlan.npi.msu.su</ADDRESS>

Что дает на экране:

Введение в HTML/ НИИЯФ МГУ/ lenka@srdlan.npi.msu.su

Внимание: <ADDRESS>НЕ используется для почтового адреса.

Стили

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

Зачем существуют два стиля, если они могут дать одинаковый результат на экране? В ка честве ответа на этот вопрос сошлемнся на аксиому: "Доверьтесь вашему browser."

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

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

Логические стили

<DFN>: служит для описания определений. (Это определение.)
: служит для выделения слов. (Это выделенное слово.)
<CITE>: служит для выделения заголовков книг, фильмов, цитат и т.п. (Это цитата)
<CODE>: служит для выдлеления программных кодов, текстов программ и т.п. Изображается шрифтом фиксированной ширины. (The <stdio.h> header file)
<KBD>: используется для ввода с клавиатуры пользователья. Может быть изображено жирным шрифтом (но в большинстве browser изображается специальным шрифтом). (Введите passwd)
<SAMP>: используется для машинных сообщений. Изображается шрифтом фиксированной ширины. (Seg mentation fault: Core dumped.)
: служит для ОСОБОГО выделения слов. Обычно выделяется жирным шрифтом (Это очень важно )
<VAR>: используется для символьных переменных. (Это переменная.)

Физические стили

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

Вы можете задать:

, : жирный шрифт (это жирный шрифт)
, : наклонный шрифт (это наклонный шрифт)
<TT>, </TT>: фиксированный шрифт (шрифт заданной ширины) (это fixed шрифт)