Главная · Поиск книг · Поступления книг · Top 40 · Форумы · Ссылки · Читатели

Настройка текста
Перенос строк


    Прохождения игр    
SCP-127: Живое оружие
StarCraft II: Wings of Liberty |#17| Media Blitz
StarCraft II: Wings of Liberty |#16| Supernova
DARK SOULS™: REMASTERED |#14| Gravelord Nito

Другие игры...


liveinternet.ru: показано число просмотров за 24 часа, посетителей за 24 часа и за сегодня
Rambler's Top100
Образование - Борис Леонтьев Весь текст 152.03 Kb

WEB-дизайн: Тонкости, хитрости и секреты

Предыдущая страница Следующая страница
1  2 3 4 5 6 7 8 9 10 11 12 13
какой-нибудь тэг <H> игнорируется, то отбивка также учитывается. В остальных
случаях обозреватель будет пропускать отбивки.

     Ссылки
     HTML позволяет вам связать текст или картинку с другими гипертекстовыми
документами.  Текст,   как   правило,  выделяется  цветом   или  оформляется
подчеркиванием.
     Для этого  используется тэг  <A>.  Помните,  что после  буквы  A должен
стоять пробел.
     Чтобы сформировать ссылку:
     n наберите <A
     n введите HREF="filename">
     n наберите после > текст гипертекстовой ссылки
     n наберите тэг </A>
     Один из вариантов гипертекстовой ссылки может выглядеть так:

     <A HREF="BobAnapa.html">Bob</A>
     Здесь   слово   Bob   ссылается  на   документ  BobAnapa.html,  образуя
гипертекстовую ссылку.
     Если  документ, формирующий ссылку,  находится в другой директории,  то
подобная ссылка называется относительной:

     <A HREF="BobAnapa/ВobMoscow.html">Bob</A>
     Если вы хотите указать полное имя файла, то вам необходимо использовать
синтаксис UNIX.
     Ссылки  можно  формировать  на  основе  так называемого  универсального
локатора ресурса, то есть используя следующий синтаксис:

     protocol: //hostport/path
     Предварительное форматирование текста
     Тэг  <PRE>  позволяет   сформировать  текст,  оформленный  моноширинным
шрифтом.
     Используйте этот тэг для оформления листингов программ.

     Расширенные цитаты
     Тэг <BLOCKQUOTE> позволяет вам включить цитату в уединенный объект.

     Адрес
     Тэг  <ADDRESS> позволяет  сформировать информацию  об авторе  документа
HTML.

     Куча слов по поводу форматирования символов
     В HTML слова и строки кодируются логическими и физическими стилями.
     Физические стили форматируют текст.
     Логические  стили  форматируют  через   определение  в   гипертекстовом
документе некоторого значения. Это в  частности означает,  что тэг заголовка
первого уровня не содержит информации о размере шрифта и гарнитуре. Поэтому,
чтобы изменить символьное форматирование заголовка вы должны  модифицировать
заголовок первого уровня. Через логические (в том  числе  и символьные) тэги
вы  можете  сформировать  согласованный  гипертекстовый  документ,  то  есть
определить заголовок первого уровня в качестве только <H1> (без информации о
гарнитуре шрифта и его кегле).

     Логические стили
     Ниже мы представляем примеры логических стилей документа HTML.

     <DFN>
     Определить слово. Как правило, курсив.

     <EM>
     Усилить акцент. Как правило, курсив.

     <CITE>
     Заголовок чего-то большого и хорошего. Курсив.

     <CODE>
     Компьютерный код. Моноширинный шрифт.

     <KBD>
     Текст, введенный с клавиатуры. Моноширинный жирный шрифт.

     <SAMP>
     Сообщение программы. Моноширинный шрифт.

     <STRONG>
     Ну очень важные участки. Жирный шрифт.

     <VAR>
     Замена переменной на число. Курсив.

     Физические стили
     Гипертекстовый документ  может быть оформлен с использованием следующих
стилей:

     <b>Полужирный
     <i>Курсив
     <TT> Моноширинный

     Специальные символы
     Символы,   которые   не   могут   быть   введены   в   текст  документа
непосредственно  через  клавиатуру  называются специальными  символами.  Для
таких символов существуют особые тэги.
     Четыре  символа -- знак  меньше <, знак больше >, амперсанд & и двойные
кавычки  " имеют  специальное значение внутри HTML и следовательно  не могут
быть использованы в тексте в своем обычном значении.
     Скобки используются  для  обозначения  начала  и конца  HTML  тэгов,  а
амперсанд     используется      для      обозначения      так     называемой
escape-последовательности. Для использования одного из этих символов введите
одну из следующих escape-последовательностей:

     <
     Знак меньше.

     >
     Знак больше.

     &
     Амперсанд.

     "
     Кавычки.

     Принудительный перевод строки
     Тэг  <BR>  переводит только одну  строку,  то есть без  дополнительного
пробела.

     Горизонтальные разделители
     Тэг <HR> формирует горизонтальную линию по всей ширине окна.

     Встроенные изображения
     Вы  можете  встраивать в  ваш документ  картинки.  Синтаксис встроенной
картинки следующий:

     <IMG SRC=image_URL>
     Здесь  image_URL есть  указатель  на файл картинки,  синтаксис которого
совпадает с синтаксисом ссылки HTML.

     Звуковоспроизведение
     Для того,  чтобы  вставить в вашу страничку  звуковой  файл,  например,
midi-файл, используйте следующую конструкцию:

     <EMBED SRC="bob1.mid" WIDTH="140" HEIGHT="50"
     ALIGN="MIDDLE" BORDER="0" AUTOSTART=TRUE>
     Это одна строка.
     В этом тэге были использованы следующие параметры:

     WIDTH
     Параметр, определяющий ширину midi-плеера.

     HEIGHT
     Параметр, определяющий высоту midi-плеера.

     BORDER
     Ширина рамки midi-плеера.

     AUTOSTART
     Запустить midi-плеер сразу после того, как загрузится документ HTML.

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

     <IMG SRC="url" USEMAP="url#map_name">
     Здесь аргумент USEMAP задает расположение схемы  распределения map_name
в URL.
     Если  URL  не  указан,  то  поиск  схемы  map_name  ведется  в  текущем
документе.
     Код схемы может выглядеть так:
     <MAP NAME="map_name">
     <AREA [SHAPE=" shape "] COORDS="x,y,..." [HREF=" reference "] [NOHREF]>
     </MAP>
     Здесь были использованы следующие тэги:

     <AREA>
     Определить для данного URL область  на картинке  посредством параметров
SHAPE и COORDS.

     SHAPE
     Форма области. Вы можете выделить область на
     картинке так:
     n default -- стандартная форма
     n rect -- прямоугольник
     n circle -- круг
     n poly -- многоугольник произвольной формы

     COORDS
     Координаты области. Задаются в пикселах. Отсчет начинается с нуля. Круг
имеет три координаты,
     прямоугольник -- четыре, а для многоугольника  вы должны описать каждый
его угол  в двух координатах.  Например, область,  имеющая  размеры 50 на 50
пикселов, описывается так:

     <AREA COORDS="0,0,54,54" ...>
     HREF="url"
     Определить ссылку на схеме, то есть вписать URL.

     NOHREF
     Указать,  что  в  данной  области  картинки  отсутствует  ссылка.  Этот
параметр работает всегда, когда не определен параметр HREF.

     </MAP>
     Закончить описание схемы распределения ссылок по картинке.

     Общий шлюзовой интерфейс и
     формы HTML
     Общий  шлюзовой интерфейс (Common Gateway Interface) позволяет работать
с данными сервера Web в интерактивном режиме. Сервер Web через CGI запускает
поисковую программу и пересылает обработанные данные назад.  Сама  программа
CGI хранится в каталоге CGI-BIN. Это означает, что файл  из каталога CGI-BIN
всегда исполняемый  файл.  Если CGI- программа,  например, взаимодействует с
системой  управления базой данных, то пользователь  может получать некоторую
интересующую его информацию в интерактивном режиме.
     Это тривиально, но факт: CGI-программы  создаются посредством  CGI. Код
программы пишется,  как  правило, на  языке  описания  сценариев  Perl. Perl
является  интерпретируемым   языком,  интерпретатор  которого  соответствует
операционной системе.
     Передача  данных  от сервера  к программе  CGI осуществляется  сервером
через командную строку и переменные окружения.
     Таким   образом,  сервер   через  общий  шлюзовой  интерфейс  запускает
программу  CGI и пересылает ей вводимые  пользователем данные.  Сами  данные
вводятся через так называемые формы HTML.
     Форма   представляет   собой  гипертекстовую   страницу  с   одним  или
несколькими  полями  данных  и  специальной  кнопкой  для передачи введенной
информации.
     Как и код любого гипертекстового документа, код формы начинается с тэга
FORM ACTION = /SGI-BIN/EXAMPLE.PL и заканчивается тэгом /FORM.

     ACTION
     Аргумент ACTION -- это URL программы CGI, то есть /SGI-BIN/EXAMPLE.PL.

     METHOD
     Метод, используемый для запроса данных.
     Этот параметр задает режим передачи данных из формы в программу CGI.
     Основные  режимы  передачи --  GET, HEAD  и POST.  Программа CGI должна
поддерживать один из этих режимов, иначе обработки данных не произойдет.
     В  режиме GET данные входят через URL  в строку запроса. Например, если
программа обработки данных BOB.PL  лежит в каталоге CGI-BIN, то  запрос HTML
пойдет на сервер через ACTION следующим образом:

     FORM ACTION=/CGI-BIN/BOB.PL METHOD=GET
     Теперь  сервер  знает, где  находится программа BOB.PL,  поэтому  он ее
запустит в режиме GET.
     Программы  CGI  получают  данные  от переменных  окружения  и  посылают
выходные  данные   через  общий  шлюзовой  интерфейс  обратно  пользователю.
Например, после  ввода  тэга  A HREF=BOB.HTML  на сервер  пойдет запрос  GET
/BOB.HTML. Заголовок GET  определяет получение документа BOB.HTML в корневом
каталоге сервера.

     Относительно аргумента POST
     CGI реализован в программах, поддерживающих Unix и некоторые приложения
Windows. CGI  для Windows реализуется лишь  в том  случае,  если  сервер Web
способен декодировать данные тех  форм HTML,  которые  пересылаются в режиме
POST. Это можно сделать двумя способами:

     URL-Encoded. Данные формы пересылаются на сервер в виде HTML.

     Multipart  Form  Data.  Данные  формы  пересылаются  на  сервер в  виде
MIME-сообщения.

     INPUT TYPE=TEXT
     Поместить в форму текстовое поле данных.

     NAME=NAME
     Определить имя текстового поля данных NAME.

     MXLENGTH=NUMBER
     Размер  текстового  поля данных. Вместо NUMBER  вы можете ввести  целое
число.

     RADIO
     Определить кнопку переключения.

     NAME=PRODTYPE
     Определить логическое поле PRODTYPE.

     INPUT TYPE=CHECKBOX
     Определить флажок для протокола передачи.

     ACCEPT
     Метод, используемый для интерпретации пересылаемых файлов.  Файлы могут
пересылаться в виде ASCII или HTML.
     Количество   заголовков   ACCEPT   соответствует  типам   данных   MIME
(Multipurpose  Internet  Mail  Extensions). Заголовок ACCEPT:  TYPE/SUB-TYPE
{parameters}  пересылается как значение параметра  ACCEPT. Каждый тип данных
имеет собственный параметр ACCEPT.

     Фреймы
     Технология фреймирования  в HTML  позволяет  просматривать в одном окне
обозревателя  несколько  гипертекстовых  документов.  Один  фрейм отображает
только один гипертекстовый документ.

     Создание фрейма
     Создание  фрейма осуществляется через тэг <FRAMESET>. Тэг <BODY> в этом
случае не используется.
     Тэг </FRAMESET> заканчивает выполнение кода после тэга <FRAMESET>.
     Далее идет стандартное применение HTML.

     Описание фрейма
Предыдущая страница Следующая страница
1  2 3 4 5 6 7 8 9 10 11 12 13
Ваша оценка:
Комментарий:
  Подпись:
(Чтобы комментарии всегда подписывались Вашим именем, можете зарегистрироваться в Клубе читателей)
  Сайт:
 
Комментарии (8)

Реклама