Михайлов Б.М. Халабия Р.Ф. Практические навыки работы в Интернете (1016809), страница 4
Текст из файла (страница 4)
Самирисунки хранятся в отдельных файлах вне документа HTML, но отображаютсяброузером внутри Web-страницы.Для размещения рисунков в документе служит одиночный тег, <IMG>.Этот тег всегда должен содержать обязательный атрибут SRC=,значениекоторогосоставляетадресURLфайлаизображения,записанныйвабсолютнойилиотносительнойформе.Призагрузкедокументарисуноктакжезагружаетсяи отображаетсяв том месте документа, где расположен тег <IMG>. На пример, <IMGSRC=”clock.jpg”>.ИзображениепереноситсянаWeb-страницуссохранениемразмера.Еслиприкомпоновкеизображениянеобходимоегоперемасштабировать,нужныеразмерырисункаможно задатьспомощью атрибутов WIDTH= (ширина) и HEIGHT= (высота). Значения этих27атрибутовопределяютширинуивысотуизображенияна Web-странице в пикселах.
<IMG SRC=”clock.jpg” WIDTH=50 HEIGHT=150>Web-страница может отображаться броузером, не имеющим средств дляпоказа изображений. Пользователи часто отключают показ рисунков, чтобыускорить прием документа. И в том и в другом случае желательно датьвозможность узнать, что же изображено на картинке, если ее нельзя увидеть.Для этой цели используют альтернативный текст.Альтернативный текст — это, по сути, более или менее подробноеописание изображения. Если броузер не может по тойиной причине показать рисунок, он вместо него выводитальтернативныйтекст.Альтернативный<IMG> значением специального атрибутатекстALT=.илиэтотзадаетсявтегеНа пример, <IMGSRC=”clock.jpg” ALT=”Будильник”>Изображение, как и текст, можно использовать в качестве ссылки.
Дляэтого тег <IMG> должен быть помещен между тегами <А HREF> </А>,определяющими ссылку. Изображение-ссылка отображается в синей рамке. Принаведении на такой рисунок указатель принимает ту же форму, что и принаведении на текстовую ссылку. Этим приемом на Web-страницах создаютграфические кнопка перехода.На пример, <A HREF="new3.htm"> <IMG SRC="146.jpg" HEIGHT=600WIDTH=464 ALT=”Будильник”> </A>Язык HTML содержит теги, которые служат исключительно дляоформления документа.Для задания размера, цвета и начертания шрифта служит тег<FONT>.
Этот парный тег влияет на весь текст, заключенныймежду открывающим и закрывающим тегами. Тег <FONT> должен иметь хотябыодинизтрехвозможныхатрибутов:SIZE=;COLOR=; FACE=.Атрибут S1ZE= задает размер шрифта. Предполагается, что возможнысемь заранеезначениянезаданных размеров шрифтасоответствуюткаким-либо28(от 1 до 7). Этиединицамизмерения,но чем больше значение,используется значение 3.темкрупнеешрифт.ПоумолчаниюАтрибут COLOR= задает цвет шрифта, который может быть заданлибо ключевым словом (например, RED — красный), либо шестнадцатеричнымзначениемвэто тоже красный).RGBсистеме(например,#FF0000-Атрибут FACE= задает вид шрифта.
Значением этого атрибутадолжно быть название одного из шрифтов, установленных накомпьютере.Но для документа, размещенного внельзя предсказать, какие шрифты доступны наИнтернете,компьютерепользователя, поэтому этот атрибут лучше не использовать.Чтобы задать значения этих параметров для всего документа вцелом,используютаналогичныеодиночныйатрибутыитегзадает<BASEFONT>.значениевида,Онцветасодержитиразмерашрифта, используемое по умолчанию.Специальнаяшрифта.ними,<U>Тегигруппа<В>полужирным.и</U>--тегови</В>Теги<I>служитдляделаюти</I>подчеркивание, aтекст,задают<S>измененияначертаниязаключенныйкурсивноеи </S>--междуначертание,вычеркиваниетекста (пример 4).Рассматриваемые здесь теги по своему эффекту напоминают тегизадающие оформление текста.
Однако принципиальное различие заключаетсяв том, что эти теги действительно описывают реальные свойства текста. Этоозначает, что текст может отображаться по-разному в разных броузерах, нокакой-то эффект гарантирован даже в том случае, когда по какой-либо причиненет возможности применить шрифтовые эффекты.Все эти теги парные и воздействуют на текст, который заключен междуоткрывающим и закрывающим тегами. Закрывающий тег обязателен длякаждого из открывающих тегов этой группы.29Пример 4<HTML><HEAD><TITLE>Управление стилем шрифта</TITLE></HEAD><BODY><BASEFONT SIZE=4 FACE="Arial">Этот текст использует нестандартный стиль шрифта, заданный по умолчанию.<P> FONT SIZE=-2 FACE="Times New Roman" COLOR="GREEN">Этот текст мельче и использует другой шрифт и другой цвет.
</FONT><Р> <В>Полужирный шрифт </В> и <I> курсив </I> используют для выделения фрагментовтекста.<P>Использование <U> подчеркивания </U> не рекомендуется, так как подчеркнутыйтекст легко перепутать со ссылкой. <P> <S> Вычеркивание текста </S> иногда применяютдля разметки фрагментов, потерявших актуальность, но по каким-то причинам сохраняемыхв документе.</BODY> </HTML>Тег<СIТЕ>указывает,чтосоответствующийтекстявляетсяцитатой из другого источника.
Такой текст обычно изображается курсивом.ТаккакязыкHTMLбылкомпьютерами, целая группа теговтекстовкомпьютерныхпрограммсозданлюдьми,связаннымиспредназначена для представленияирезультатоввзаимодействияпользователя с ними. Так тег <CODE> указывает на исходныйтекст компьютерной программы. Тег <KBD> оформляет текст,который должен быть (или был) введен с помощью клавиатуры.Этими тегами принято размечать команды пользователя и названия клавиш.Тег <SAMP> заключает в себе текст, который является примером выводакомпьютернойпрограммы.Тег<VAR>служит для оформления названий программных переменных иливыбранныхпользователемпараметровкомпьютернойкоманды.Текст, ограниченный любым из этих тегов, обычно изображается при выводенаэкранмоношириннымшрифтом.Крометого,30некоторые броузеры выводят текст,<KBD> и </KBD>, полужирным шрифтом.содержащийсямеждутегамиТег <ЕМ> предназначен для выделения текста. Выделенный текстобычно изображается курсивом.
Более сильное выделение обозначается тегом<STRONG>. Такой текст изображается полужирным шрифтом. Так как здесьиспользуется смысловое выделение вместо чисто оформительского,рекомендуется использовать теги <ЕМ> и <STRONG> вместо тегов <I> и <В>>соответственно (пример 5).Пример 5.<HTML><HEAD><TITLE>Элементы фразы<TITLE></HEAD><BODY><P><СIТЕ> На сайт конгресса США были выложены все 445 страниц доклада специальногопрокурора L Кеннета Стара </CITE> - это цитата из газеты "Московский комсомолец".<P>СОDЕ>Тексты программ</СОDЕ>, команды, <КВD>вводимые с клавиатуры </КВD>,примеры <SАМР>вывода компьютерных программ </SАМР> и программные <VAR>переменные <VAR> обычно отображаются на экране примерно одинаково.<Р><ЕМ> Выделение </ЕМ> и <SТРОNG> сильное выделение</SТРONG> используется каксмысловой эквивалент курсивного и полужирного начертания.</BODY> </HTML>При работе с текстовыми процессорами обычно используют два типасписков—упорядоченные(нумерованные)инеупорядоченные(маркированные).
Язык HTML позволяет создавать целых пять разных видовсписков. Правда, из этих пяти видов два (списки меню и списки каталога)считаются устаревшими и практически не употребляются. Таким образом, внастоящее время используют три вида списков: упорядоченные,неупорядоченные и списки определений.Упорядоченные и неупорядоченныеодинаковымоткрывающимспискисоздаютпримернообразом.Списоквсегдарасполагаетсямеждуи закрывающим тегами списка: <OL> и </OL> вслучае упорядоченного списка; <UL> и </UL> — в случае неупорядоченного.31Внутри списка располагаются элементы списка.
Их заключают междутегами <LI> и </LI>, хотя в данном случае закрывающий тег может опускаться,так как в этом случае ясно, где он должен располагаться.Теги <OL>, <UL> и <LI> могут содержать атрибут TYPE=, значениекоторого указывает на способ пометки элементов списка.
Упорядоченныесписки можно нумеровать арабскими цифрами, римскими цифрами,латинскими буквами (как в верхнем, так и в нижнем регистре).Неупорядоченные списки помечаются маркерами в виде черного кружка (поумолчанию), белого кружка или квадратика (см. пример 6).Списки могут быть вложенными. Кроме того, элементы списков могутсодержать гиперссылки, а также теги, используемые для форматирования и длявыделения элементов фразы.Пример 6.<UL><LI>Внешние<OL>< LI >Принтер< LI >Сканер< LI >Монитор</OL><LI>Внутренние</UL>Списки определений начинаются с тега <DL> и заканчиваютсятегом </DL>.
Маркеры или нумерацию в этих списках не используют. Списоксостоит из определяемых терминовОпределяемыетерминыисоответствующихпомечаютсяопределений.теп<DT>, а определения — тегом <DD>. Закрывающие теги можноопускать. Предполагается, что определяемые термины и oпрeделениячередуются,хотяэтоинетребуетсястрого.Oпpeдeлeнияизображаются на экране с отступом от левого края (см.
пример 7).32Пример 7<DL><DT><STRONG>MIDI (Musical Instrument Digital lnterface) </STRONG><DD>Стандарт подключения к компьютеру музыкальных инструментов.<DT><STRONG>MPC (Multimedia PC)</STRONG><DD>Стандарт, описывающий требования к мультимедийномуперсональному компьютеру.<DT><STRONG>OLE (Object Linking and Embedding)</STRONG><DD>Технология связывания и внедрения объектов, стандарткомпании Microsoft.<DT><STRONG>Plug and Play</STRONG><DD>Стандарт, по которому элемент оборудования содержитсведения о модели и компании-изготовителе и допускает настройкупрограммными средствами.</DL>Широкое распространение мультимедиа пришлось на период, когдаслужба World Wide Web уже существовала, так что язык HTML не сразуприспособился к появлению на Web-страницах мультимедийных объектов.Файлы аудио и видео до сих пор рассматриваются как «внешние» объекты,воспроизводимые через встроенные и вспомогательные приложения.Мультимедийные файлы видео и звука могут использовать различныеформаты.