Базовая разметка документа в html

Заголовки разделов документов

HTML имеет шесть уровней заголовков разделов, имеющих номера с 1 по 6 (заголовок первого уровня является заголовком высшего уровня). По сравнению с нормальным текстом, заголовки выделяются шрифтом - размером и толщиной букв. Заголовок первого уровня должен быть выделен <H>.

Синтаксис заголовков:

<Hn> Текст заголовка</Hn >,

где n - число от 1 до 6, определяющее уровень заголовка.

Абзацы

В отличие от документов в большинстве текстовых процессоров, прерывания строк в HTML-файлах не существенны. Обрыв строки может происходить в любом пункте в вашем исходном файле, при просмотре это прерывание будет проигнорировано. Web браузер начинает новый абзац только, после знака <P>.

Тег <P> может использоваться и как парный, и как непарный тег. Он служит признаком начала нового параграфа (т.е., абзаца). Программа просмотра выводит перед началом параграфа пустую строку и начинает параграф с новой строки.

В сложившейся практике использования языка HTML в качестве атрибута тэга начала параграфа <P> можно задать параметр ALIGN, устанавливающий выравнивание (выключку) параграфа по левому (LEFT) полю, центру (CENTER) или правому (RIGHT) полю.

Например:

<P ALIGN = RIGHT>.

Если этот параметр не задавать, выравнивание производится по левому полю

 

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

·      Списки

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

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

Ненумерованный список задается с помощью парного тега <UL>...</UL>, и тега <LI> задания пунктов списка.

Например:

<UL>

<LI> яблоки

<LI> бананы

</UL>,

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

·        яблоки

·        бананы

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

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

Например:

<OL>

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

<LI> персики

<LI> виноград

</OL> ,

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

1.апельсины

2.персики

3.виноград

Списки определений (глоссарий)

Список определений задается с помощью парного тега <DL>...</DL>, тега <DT> задания термина и тега <DD>. задания определения. Обычно Web браузер определения располагает на новой строке.

Например:

<DL>

<DT> HTML

<DD> HyperText Markup Language (Язык разметки гипертекста)

<DT> CTC

<DD> Cornell Theory Center

</DL>,

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

HTML

HyperText Markup Language (Язык разметки гипертекста)

CTC

Cornell Theory Center

Вложенные списки

Списки могут быть произвольно вложены. Пример вложенных списков:

<UL>

<LI> Крупные города России:

<UL>

<LI> Москва

<LI> Новосибирск

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

</UL>

<LI> Крупные города Украины:

<UL>

<LI> Киев

</UL>

</UL> ,

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

·        Крупные города России:

·        Москва

·        Новосибирск

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

·        Крупные города Украины:

·        Киев.

 

·        Стили

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

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

Основные логические стили могут быть заданы с помощью следующих тегов:

<DFN> - служит для описания определений. (Это определение);

<EM> - служит для выделения слов. (Это выделенное слово);

<CITE> - служит для выделения заголовков книг, фильмов, цитат и т.п. (Это цитата);

<CODE> - служит для выделения программных кодов, текстов программ и т.п. Изображается шрифтом фиксированной ширины;

<KBD> - используется для ввода с клавиатуры пользователя. Может быть изображено жирным шрифтом (но в большинстве просмотрщиков изображается специальным шрифтом). (Введите password);

<SAMP> - используется для машинных сообщений. Изображается шрифтом фиксированной ширины;

<STRONG> - служит для особого выделения слов. Обычно выделяется жирным шрифтом;

<VAR> - используется для символьных переменных. (Это переменная).

 

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

Основные физические стили (физические способы выделения) могут быть заданы с помощью следующих парных тегов:

<B>, </B> - жирный шрифт;

<I>, </I> - наклонный шрифт;

<TT>, </TT> - фиксированный (равноширинный) шрифт.

 

·      Специальные символы

Символы <, >, & и " имеют в HTML особое значение, как символы форматирования. Но иногда нам необходимо использовать их в тексте по своему прямому назначению. Для их введения в текст необходимо использовать следующие последовательности символов:

&lt - левая скобка <;

&gt - правая скобка >;

&amp - & амперсанд;

&quot - " кавычки;

&nbsp -непрерывный пробел.

Замечание:

Специальные символы чувствительны к регистру: нельзя использовать &LT; вместо <.

 

·      Прерывание строки

Используя команду <BR> можно перейти на новую строку, не начиная нового абзаца (в большинстве просмотрщиков абзацы выделяются дополнительными пустыми строками).

Например:

Институт,<BR>в котором мы учимся<BR>,

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

 

Институт, в котором мы учимся

·      Горизонтальная линия

Используя команду <HR> можно разделить текст горизонтальной чертой.

 

·      Верхние и нижние индексы

Если браузер поддерживает стандарт языка HTML 3.2, то вы можете использовать в тексте верхние и нижние индексы с помощью тэгов <sup> и <sub>.

Эти команды уменьшают размер текста, располагаемого вверху или внизу от строки. Например, код:

верхний индекс B^a

и нижний индекс B_a

имеет на экране следующий вид:

верхний индекс B^a и нижний индекс B_a.

 

·      Преформатируемый текст

Вы можете включать в гипертекстовый документ текстовые фрагменты, набранные и отформатированные в каком-либо текстовом редакторе (например, Norton Edit) без разметки HTML, в том виде как он есть. Для этого используются тэги <PRE> и </PRE>. Текст за исключением специальных символов будет выводиться равноширинным шрифтом с сохранением всех пробелов и переводов строк исходного текста. Специальные символы нужно набирать по описанным выше правилам.  

Замечание

Не рекомендуется для этого использовать тексты, подготовленные в редакторе "ЛЕКСИКОН", так как последний вставляет в документ собственные символы форматирования, которые могут быть показаны просмотрщиком пользователю.

·      Размер и цвет шрифта (Font Size and Color)

Размер шрифта выражается в некоторых условных единицах, изменяющихся от 1 до 7, и задается с помощью атрибута SIZE тэга FONT. Можно задать либо абсолютный размер, либо его изменение относительно размера, установленного в программе просмотра по умолчанию (такому размеру приписывают значение 3). Цвет участка текста задается с помощью атрибута COLOR.

Синтаксис:

Абсолютный размер:

<FONT SIZE="nn">...</FONT>,

где nn - размер шрифта в произвольных единицах (от 1 до 7).

Относительный размер:

<FONT SIZE="+nn">...</FONT>

или

<FONT SIZE="-nn">...</FONT>

где nn - число пунктов, на которые шрифт будет увеличен (уменьшен) относительно шрифта, принимаемого по умолчанию. Такого же эффекта можно добиться и используя тэги <BIG> и <SMALL>.

Использование BIG увеличивает шрифт на один пункт, двойное использование BIG - на два пункта, использование SMALL уменьшает шрифт на один пункт.

Цвет:

<FONT COLOR="#RRGGBB">...</FONT>,

где RR, GG и BB характеризуют доли, соответственно, красного, зеленого и синего компонент в цвете, которым будет выделена часть текста, заключенная между открывающим и закрывающим флагами.  

·      Семейства шрифтов

Имя семейства шрифтов определяется атрибутом FAGE= тэга <FONT> или атрибутом NAME= тэга <BASEFONT>. Стандартные значения этого атрибута: "Times New Roman" (пропорциональный шрифт), "Courier New" (равноширинный шрифт) и "Arial" (шрифт без надсечек). Имена семейств шрифтов в настоящий момент пока не стандартизованы и в разных системах могут называться по-разному. Например, семейство шрифтов, которое используется по умолчанию для пропорционального шрифта "Times New Roman", может называться "Times", "Times Roman", "Roman" и т.д.