Добавлен: 31.03.2023
Просмотров: 40
Скачиваний: 1
а) перевод строки
б) символы табуляции (сдвиг на 8 символов вправо)
в) непропорциональный шрифт, устанавливаемый браузером.
Использование тэгов, определяющих формат абзаца, таких как <Hx> или <ADDRESS>, будет игнорироваться браузером при помещении их между тэгами <PRE> и </PRE>.
Далее идет несколько более подробный пример, собранный из предыдущих тегов:
<HTML>
<HEAD>
<TITLE> Список группы</TITLE>
</HEAD>
<BODY>
<H2> Список группы 6-М-11 </H2>
<H3> Составлено: 1 сентября 2013</H3>
Данный список содержит фамилии, имена и отчества. <P>
Список может быть использован только в служебных целях. <P>
</BODY> </HTML>
Вот, что вы увидите на экране браузера:
Внимание! Заголовок "Список группы" никак не отображен браузером равно как часть документа. Он появится в заголовке окна браузера.
Разрыв строчки <BR>. Тэг <BR> оповещает интернет ‑ браузер о разрыве строки. Оптимальный образец использования этого тэга ‑ форматированный местоположение либо любая другая очередность строк, где интернет ‑ браузер обязан отображать их 1 под другой. К примеру:
Алексей Ярцев<BR> Дмитровское шоссе,<BR> д.9Б, офис 326<BR>
Дополнительный параметр позволяет расширить возможности тэга <BR>.
<BR CLEAR=left|right|all>
Этот параметр дает возможность не просто осуществить перевод строки, а расположить последующую строку, включая с чистой левой (left), правой (right) или двух (all) границ окна браузера. К примеру, в случае если рядом с текстом слева попадается изображение, в таком случае можно использовать тэг <BR> с целью смещения слова ниже рисунка:
<p> Как вы можете видеть, данная схема демонстрирует связь<BR CLEAR=left> <img src="http://www.softexpress.com/images/schema1.gif" align=baseline> Мастер/Деталь </p>.
Неразрывная строка <NOBR>. В случае если вы не хотите, чтобы программа автоматически выносил строку, в таком случае вы сможете обозначить её тэгами <NOBR> и </NOBR>. В этом случае интернет-браузер никак не станет переносить строку даже если она выходит из ‑ за пределы экрана; взамен данного интернет ‑ браузер даст возможность в горизонтальном положении демонстрировать окно. К примеру: <NOBR> Эта строка считается наиболее длинной строкой документа, которая никак не допускает какого ‑ либо разбиения, где бы то ни было </NOBR> Если же ваы хотите все же предоставить возможность разделение этой строки в 2, но в строго запланированном участке, в таком случае вставьте тэг <WBR> в это место. К примеру: <NOBR> Данная строка считается наиболее длинной строкой важного документа,<WBR> которая никак не допускает какого-либо разбиения, где бы то ни было </NOBR>
«Данная строчка считается наиболее длинной строкой важного документа, которая никак не допускает какого ‑ либо разбиения, где бы то ни было.» Цитата <BLOCKQUOTE>. Этот тэг рассчитанный с целью обозначения в документе цитаты с иного источника. Документ, обозначенный тэгом <BLOCKQUOTE>, отступает с левого края важного документа на 8 пробелов. К примеру: В открытии этой конференции руководитель представительства произнес: <P> <BLOCKQUOTE> На сегодняшний день единственный из самых больших дней для нашей фирмы.<BR> Мы раскрыли новейшую технологию, позволяющую нашим клиентам увеличить эффективность их настольных систем в несколько раз.
</BLOCKQUOTE>
«При отображении браузером данный текст будет выглядеть так:
На открытии данной конференции глава представительства произнес:
Сегодня один из величайших дней для нашей компании. Мы открыли новую технологию, позволяющую нашим клиентам повысить
производительность их настольных систем в несколько раз.»
Глава 2. Описание создания сайта
2.1 Гипертекстовые ссылки
Гипертекстовые гиперссылки считаются основным компонентом, делающим WEB привлекательным для пользователей. Прибавляя гипертекстовые гиперссылки (далее - ссылки), вы производите набор документов связанным и структурированием, что позволяет пользователю извлекать требуемую ему информацию предельно стремительно и удобно.
Ссылки обладают стандартный параметры, что дает возможность браузеру толковать их и выполнять требуемые функции (вызывать методы) в зависимости от вида ссылки. Ссылки имеют все шансы обозначать на другой документ, специальное место данного важного документа или осуществлять другие функции, к примеру, требовать файл согласно FTP ‑ протоколу для отражения его браузером. URL способен указывать на специальное место согласно полному пути допуска, или обозначать на документ в текущем пути допуска, что зачастую применяется при организации больших структурированных WEB ‑ сайтов.Внимание! Вы сможете применять ссылки как для передвижения по документу, так и с целью передвижения с 1‑ го документа к другому. Однако HTML никак не поддерживает возвращение на предыдущую ссылку, в случае если перемещение происходило внутри документа. Если вы используете гиперссылки внутри документа, а затем нажимаете на кнопку Back, то вам никак не перейдете в предыдущую ссылочку, а вернетесь на ту часть документа, какую вам рассматривали до этого. URL. HTML применяет URL (Uniform Resource Locator) с целью передставления гипертекстовых ссылок и гиперссылок на сетевые сервисы изнутри HTML-документа. 1‑ ая часть URL (до двоеточия) представляет способ доступа или сетевой сервис. Другая доля URL (после двоеточия) интерпретируется в зависимости от способа допуска. Как правило, 2 прямых слеша уже после двоеточия означают имя машины:
method://machine-name/path/foo.html
Следующий пример представляет собой вызов HTML-документа index.html с сервера www.softexpress.com с использованием HTTP протокола:
http://www.softexpress.com/index.html
Uniform Resource Locator имеет следующий формат:
method://servername:port/pathname#anchor
Опишем каждый из компонентов URL:. Имя операции, которая будет выполняться при интерпретации данного URL. Наиболее часто используемые методы:: чтение файла с локального диска. Имя файла интерпретируется для локальной машины пользователя. Данный метод используется для отображения какого-либо файла, находящегося на машине пользователя. Например: file:/home/alex/index.html - отображает файл index.html из каталога /home/alex на пользовательской машине: доступ к WEB-странице в сети с использованием HTTP-протокола. (Это наиболее часто используемый метод доступа к какому либо HTML-документу в сети). Например: http://www.softexpress.com/ - доступ к Home-странице компании SoftExpress: запрос файла с анонимного FTP-сервера.
Например: ftp://hostname/directory/filename mailto: активизирует почтовую сессию с указанным пользователем и хостом. Например: mailto:info@softexpress.com - активизирует сессию посылки сообщения пользователю info на машине softexpress.com, если браузер поддерживает запуск электронной почты. Заметьте, что метод mailto: не требует указание слешей после двоеточия (как правило, после двоеточия сразу идет электронный адрес абонента) telnet: обращение к службе telnet: вызов службы новостей, если браузер ее поддерживает. Например: news:relcom.www.support. Необязательный параметр, описывающий полное сетевое имя машины. Например: www.softexpress.com - полное сетевое имя сервера фирмы Софт Сервис.
Если имя сервера не указано, то ссылка считается локальной, и полный путь, указанный далее в URL вычисляется на той машине, с которой взят HTML-документ, содержащий данную ссылку. Вместо символьного имени машины может быть использован IP-адрес, однако это не рекомендуется из-за возможного пересечения с фиксированными локальными адресами внутренней сети.. Номер порта TCP на котором функционирует WEB-сервер. Если порт не указан, то "по умолчанию" используется порт 80. Данный параметр (port) не используется в подавляющем большинстве URL.. Частичный или полный путь к документу, который должен вызваться в результате интерпретации URL. Различные WEB-сервера сконфигурированы по разному для интерпретации пути доступа к документу. Например, при использовании CGI скриптов (исполняемых программ), они обычно собираются в одном или нескольких выделенных каталогах, путь к которым записан в специальных параметрах WEB-сервера. Для данных каталогов WEB-сервером выделяется специальный логический путь, который и используется в URL. Если WEB-сервер видит данный путь, то запрашиваемый файл интерпретируется как исполняемый модуль. В противном случае, запрашиваемый файл интерпретируется просто как файл данных, даже если он является исполняемым модулем. Например: http://www.softexpress.com/cgi-win/handle.exe
В данном примере HTTP-сервер должен вызвать CGI-скрипт с именем handle.exe, который находится на машине с сетевым именем www.softexpress.com. Путь к данному скрипту - /cgi-win/ - в действительности является виртуальным путем (выделенным сервером для исполняемых модулей). Заметьте, что при описании пути используется UNIX-подобный синтаксис, где, в отличии от DOS и Windows используются прямые слеши вместо обратных. Если после сетевого имени машины сразу идет имя документа, то он должен находиться в корневом каталоге на удаленной машине или (что чаще) в каталоге, выделенном WEB-сервером в качестве корневого.
Если же URL заканчивается сетевым именем машины, то в качестве документа запрашивается документ из корневого каталога удаленной машины с именем, установленным в настройках WEB-сервера (как правило, это index.html).
#ANCHOR. Данный элемент является ссылкой на строку (точку) внутри HTML-документа. Большинство браузеров, встречая после имени документа данный элемент, размещают документ на экране таким образом, что указанная строка документа помещается в верхнюю строку рабочего окна браузера. Точки, на которые ссылается #anchor, указываются в документе при помощи тэга NAME, как это будет описано далее.
Структура ссылок в HTML-документе. Пока что мы рассмотрели только внешний вид URL. Для того, чтобы браузер отобразил ссылку на URL, необходимо отметить URL специальными тэгами в HTML-документе.
Синтаксис HTML, позволяющий это сделать - следующий:
<A HREF="URL"> текст-который-будет-подсвечен-как-ссылка </A>
Тэг <A HREF="URL">открывает описание ссылки, а тэг </A> - закрывает его. Любой текст, находящийся между данными двумя тэгами подсвечивается специальным образом Web-браузером. Обычно этот текст отображается подчеркнутым и выделен синим (или другим заданным пользователем) цветом. Текст, обозначающий URL, не отображается браузером, а используется только для выполнения предписанных им действий при активизации ссылки (обычно при щелчке мыши на подсвеченном или подчеркнутом тексте). Вот пример сегмента HTML-документа:
Для получения примера смотри <ahref="http:/www.ruswebmasters.com/index.htm>страницу </a>
Данная строка будет выглядеть на экране следующим образом:
Ссылки на точки изнутри важного документа. Вы можете совершать ссылки на различные участки либо разделы 1-го и того же документа, используя специализированных скрытый маркер для данных областей. Это дает возможность стремительно переходить от раздела к разделу внутри важного документа, никак не используя прокрутку экрана. Как только вы щелкнете в ссылке, интернет ‑ браузер переместит вас в установленный пункт документа, а строчка, в которой стоит маркер данного раздела (как правило, 1 ‑ ая строка области или заголовок раздела) будет расположена в первой строчке окна браузера (в случае если данная строчка никак не присутствует уже в экране браузера).
Для создания такой ссылки необходимо выполнить следующие шаги:
. Создайте маркер раздела. Синтаксис данного маркера следующий:
<A NAME="named_anchor"> Текст-который-отобразится-в-первой-строке </A>
. Создайте ссылку на данный маркер: <A HREF="#named_anchor"> Текст </A> Например:
<p><b>Список разделов</b></p> <ul> <li><a href="#ex1">Раздел 1</a></li> <li><a href="#ex2">Раздел 2</a></li> </ul> <p><a name="ex1"></a>Раздел 1</p> <ul> <p>Текст раздела 1</p> </ul> <p><a name="ex2"></a>Раздел 2</p> <ul> <p>Текст раздела 2 <br></p>
Символы "#ex1" сообщает вашему браузеру, что необходимо найти в данном HTML-документе маркер с именем "ex1".
Когда пользователь щелкнет мышью на строке "Раздел 1", браузер перейдет сразу к разделу 1.
2.2 Графика внутри документа
Один с более заманчивых качеств Web ‑ возможность включения гиперссылок в графические и другие виды данных в HTML ‑ документ. Совершается данное при помощи тэга <IMG...ISMAP>. Применение данного тэга дает возможность существенно улучшить внешний вид и работоспособность документов.
Существует 2 метода применения графики в HTML ‑ документах. 1 ‑ ый это введение графичных образов в документ, что дает возможность пользователю наблюдать изображения непосредственно в контексте других элементов документа. Это более используемая техника при проектировании документов, именуемая иногда "inline image". Синтаксис тэга:
<IMG SRC="URL" ALT="text" HEIGHT=n1 WIDTH=n2 ALIGN=top|middle| bottom|texttop ISMAP>
Опишем элементы синтаксиса тэга::
Необходимый параметр, обладающий такой же синтаксис, как и стандартный URL. Данный URL указывает браузеру в каком месте располагается изображение. Изображение должен храниться в графичном формате, поддерживаемом браузером. В текущий период форматы GIF и JPG поддерживаются множеством брау-зеров.="text":
Данный необязательный элемент предлагает сделать текст, который будет отображен браузером, никак не поддерживающим отображение графики или с отключенной подкачкой отображений. Как правило, данное короткое представление изображения, которое пользователь имел возможность бы или сможет увидеть в экране. В случае если этот параметр отсутствует, в таком случае в участке рисунка большинство браузеров выводит пиктограмму (иконку), активизировав которую, пользователь способен увидеть изображение.