- •Технології локальних та глобальних компьютерних мереж, їх типи та особливості використання
- •3.2.2.1. Иерархическая организация.
- •3.2.2.2. Линейная организация.
- •3.2.2.3. Организация в виде паутины
- •Принципи побудови гіпертекстових інформаційних систем
- •Преимущества html:
- •4.2.3. Форматирование абзацев
- •5.2.5. Формы
- •В ведите отчество
4.2.3. Форматирование абзацев
Основным элементом HTML-файла является абзац. Текст, который вводится в файл вне тегов <HTML>, <HEAD>, <TITLE>,<BODY>, будет отображаться в виде абзацев. Браузер выводит текст абзацев слева направо и сверху вниз, используя текущий размер окна. Этот процесс называется автоматическим выравниванием. Т.о., если пользователь изменит размер окна, текст будет размещен немного по-другому, поскольку браузер по-другому перенесёт слова. Поэтому то, как разбит текст на строки при написании HTML-файла, не влияет на то, как текст будет отображаться.
Только тег <P> отмечает конец абзаца и отделяет абзацы один от другого.
------------
<BODY>
первый абзац текста <P>
второй абзац текста <P>
------------
</BODY>
------------
Для того, чтобы указать начало новой строки используется тег <BR>.
Тег <HR> указывает на то, что браузер должен отобразить горизонтальную линию, идущую через весь экран.
Для описания заголовка используется тег <Hn>, где n- число от 1 до 6. Чем больше число, тем больше отступ заголовка от левого края страницы (цифра - это уровень заголовка).
Например <H1> Описание курса </H1>
Различные уровни заголовка позволяют организовывать документ иерархически.
Браузер обычно удаляет все лишние пробелы между словами. Единственным исключением является предварительно отформатированный текст. Этот текст отображается шрифтом фиксированной ширины с сохранением всех пробелов.
Все пробелы, расположенные внутри тега <PRE>…</PRE>, будут отображены на экране. Это даёт возможность расположить текст именно так, как вы хотите.
Предварительно отформатированный текст лучше всего использовать для исходных текстов иерархии, а также графиков, диаграмм, таблиц, созданных с помощью стандартного набора символов.
Теги форматирования символов позволяют управлять отображением отдельных символов и слов.
<B>…</B> для выделения полужирным
<I>…</I> для выделения курсивом
<U>…</U> для выделения подчеркиванием
Для ввода некоторых специальных символов нужно ввести такие команды
& bt; <
& gt; >
& amp; &
& guot; "
& nbsp (пробел)
HTML поддерживает несколько типов списков
неупорядоченный (с пометками)
упорядоченный (пронумерованный)
список без пометок
список-меню, каждый элемент занимает одну строчку
словарь терминов (список определений). Каждый элемент-пара "термин-определение".
Сначала указывается одна из команд (тегов):
Неупорядоченный <UL>…</UL>
Упорядоченный <OL>…</OL>
Без пометок <DIR>…</DIR>
Меню <MENU>…</MENU>
Словарь терминов <DL>…</DL>
Перед каждым элементом списка нужно поставить тег<LI>.
Списки могут быть вложенными.
Пример <P>Виды списков<P> Неупорядоченного <UL>
Списка <LI> неупорядоченный
<LI> упорядоченный
<LI> меню
------
<UL>
Вид на экране
неупорядоченный
упорядоченный
меню
Пример <P> Виды списков <P>
Упорядоченного <OL>
Списка <LI> неупорядоченный
<LI> упорядоченный
<LI>меню
------
<Ol>
Вид на экране
1.неупорядоченный
2.упорядоченный
3.меню
Меню и списки без пометок - это варианты неупорядоченного списка. Они предназначены для отображения списка из элементов небольшого размера, которые можно отобразить в сжатом виде. Элементы меню очень часто оформляют как гипертекстовые связи.
Меню -это список элементов(или даже небольших абзацев),
который лишен любых пометок.
Списки определений предназначены для отображения списков терминов и их определений. Каждый элемент списка состоит из двух частей: термина и его определения.Термин предваряется тегом <DT>, а определение -тегом <DD>. Определение должно заключаться внутри тега <DL>.
<P>определения:<P>
<DL>
<DT>Браузер
<DD>Прикладная программа для просмотра гипертекстовых документов
<DT> ARPANET
<DD> Сеть агенства передовых исследовательских проектов
-------
</DL>
4.2.4. Определение гиперсвязей
Теги определения гиперсвязей позволяют указывать, как документ связан с другими документами Web и как части документа связаны между собой.
Гипертекстовая связь - это указатель на определенное место в другом документе. В самом простом случае указываемое место находится внутри документа. Но можно также определить гиперсвязи к произвольным документам, а также к внешним графическим файлам, видео- и аудио-фрагментам.
Для того ,чтобы установить гиперсвязь, нужно знать начальную и конечную точки. Они обозначаются тегом <A>.
Нужно знать
имя (или URL) файла, с которым нужно установить связь
текст, который будет выделен в документе.
------------------------
Чтобы получить более подробную информацию о фирме Sony, щелкните <A HREF="http://www.sony.com">здесь</A>.Будет подчеркнуто слово здесь. Это и есть обозначение гиперсвязи. После щелчка мышью пользователь переместится на начальную страницу, указанную в теге <A>.
Если ссылка в том же документе, то можно использовать такую конструкцию
Щелкните <A HREF="# TargetName">здесь</A>
------------
текст документа
<A NAME="TargetName"></A>
Сюда будет осуществлен переход.
------------
Универсальная форма (комбинация предыдущих)
Чтобы получить подробную информацию, щелкните <A HREF="http://www.domain.name.html#TargetName">здесь</A>.
В целевом файле должен находиться тег, описывающий соответствующую точку, куда будет осуществлен переход.
(например, <A NAME=……..)