Информатика и выч. техника \ Информатика

Обязательные метки. Форматирование шрифта. Физические стили

Страницы работы

7 страниц (Word-файл)

Посмотреть все страницы

Скачать файл

Фрагмент текста работы

Обязательные метки

<html> ... </html> Метка `<html>` должна открывать HTML-документ. Аналогично, метка `</html>` должна завершать HTML-документ.

<head> ... </head> Эта пара меток указывает на начало и конец заголовка документа. Помимо наименования документа (см. описание метки `<title>` ниже), в этот раздел может включаться множество служебной информации, о которой мы обязательно поговорим чуть позже.

<title> ... </title> Все, что находится между метками `<title>` и `</title>`, толкуется браузером как название документа. Netscape Navigator, например, показывает название текущего документа в заголовке окна и печатает его в левом верхнем углу каждой страницы при выводе на принтер. Рекомендуется название не длиннее 64 символов.

<body> ... </body> Эта пара меток указывает на начало и конец тела HTML-документа, каковое тело, собственно, и определяет содержание документа.

<H1> ... </H1> — <H6> ... </H6> Метки вида `<Hi>` (где `i` — цифра от 1 до 6) описывают заголовки шести различных уровней. Заголовок первого уровня — самый крупный, шестого уровня, естественно — самый мелкий.

<P> ... </P> Такая пара меток описывает абзац. Все, что заключено между `<P>` и `</P>`, воспринимается как один абзац.

Метки <Hi> и <P> могут содержать дополнительный атрибут ALIGN (читается "элайн", от английского "выравнивать"), например:

<H1 ALIGN=CENTER>Выравнивание заголовка

 по центру</H1>

или

<P ALIGN=RIGHT>Образец абзаца с выравниванием

по правому краю</P>

ПРИМЕР 1

<html>

     <head>

          <title>

               Пример 1

          </title>

     </head>

     <body>

          <H1>

               Привет!

          </H1>

<P>

               Это простейший пример HTML-документа.

          </P>

<P>

               Этот *.html-файл может быть

          </P>

     </body>

</html>

<BR> Эта метка используется, если необходимо перейти на новую строку, не прерывая абзаца. Очень удобно при публикации стихов

ПРИМЕР 2

<html>

<head>

<title>Пример 2</title>

</head>

<body>

<H1>Стих</H1>

<H2>Автор неизвестен</H2>

<P>Однажды в студеную зимнюю пору<BR>

Сижу за решеткой в темнице сырой.<BR>

Гляжу - поднимается медленно в гору<BR>

Вскормленный в неволе орел молодой.</P>

<P>И шествуя важно, в спокойствии чинном,<BR>

Мой грустный товарищ, махая крылом,<BR>

В больших сапогах, в полушубке овчинном,<BR>

Кровавую пищу клюет под окном.</P>

</body> </html>

<HR> Метка `<HR>` описывает вот такую горизонтальную линию:

Метка может дополнительно включать атрибуты `SIZE` (определяет толщину линии в пикселах) и/или `WIDTH` (определяет размах линии в процентах от ширины экрана). В примере 3 приведена небольшая коллекция горизонтальных линий.

ПРИМЕР 3

<html>

<head>

<title>Пример 3</title>

</head>

<body>

<H1>Коллекция горизонтальных линий</H1>

<HR SIZE=2 WIDTH=100%><BR>

<HR SIZE=4 WIDTH=50%><BR>

<HR SIZE=8 WIDTH=25%><BR>

<HR SIZE=16 WIDTH=12%><BR>

</body>

</html>

Комментарии! Браузеры игнорируют любой текст, помещенный между ``. Это удобно для размещения комментариев.

<!-- Это комментарий -->

Форматирование шрифта

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

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

Под физическом стилем принято понимать прямое указание браузеру на модификацию текущего шрифта. Например, все, что находится между метками <B> и </B>, будет написано жирным шрифтом. Текст между метками <I> и </I> будет написан наклонным шрифтом.

Несколько особняком стоит пара меток <TT> и </TT>. Текст, размещенный между этими метками, будет написан шрифтом, имитирующим пишущую машинку, то есть имеющим фиксированную ширину символа.

Ненумерованные списки: <UL> ... </UL>

Текст, расположенный между метками <UL> и </UL>, воспринимается как ненумерованный список. Каждый новый элемент списка следует начинать с метки <LI>. Например, чтобы создать вот такой список:

· Иван;

· Данила;

· белая кобыла необходим вот такой HTML-текст:

<UL>

<LI>Иван;

<LI>Данила;

<LI>белая кобыла

</UL>

Обратите внимание: у метки <LI> нет парной закрывающей метки.

Нумерованные списки: <OL> ... </OL>

Нумерованные списки устроены точно так же, как ненумерованные, только вместо символов, выделяющих новый элемент, используются цифры. Если слегка модифицировать наш предыдущий пример:

<OL>

<LI>Иван;

<LI>Данила;

<LI>белая кобыла

</OL>

получится вот такой список:

1. Иван;

2. Данила;

3. белая кобыла

Списки определений: <DL> ... </DL>

Список определений несколько отличается от других видов списков. Вместо меток <LI> в списках определений используются метки <DT> (от английского definition term — определяемый термин) и <DD> (от английского definition definition — определение определения). Разберем это на примере. Допустим, у нас имеется следующий фрагмент HTML-текста:

<DL>

<DT>HTML

<DD>Термин HTML  означает

'язык маркировки гипертекстов'.

<DT>HTML-документ

<DD>Текстовый файл с расширением *.html

</DL>

Этот фрагмент будет выведен на экран следующим образом:

HTML

Термин HTML означает 'язык маркировки гипертекстов'.

HTML-документ

Текстовый файл с расширением *.html

Обратите внимание: точно так же, как метки <LI>, метки <DT> и <DD> не имеют

Информация о работе

ВУЗ:

Гомельский государственный технический университет им. П.О. Сухого (ГГТУ им. Сухого)

Предмет:

Информатика

Тип:

Конспекты лекций

Категория:

Информатика и выч. техника (Технические предметы)

Размер файла:

34 Kb

Скачали: