Разработка электронного портала (2011), страница 4
Описание файла
PDF-файл из архива "Разработка электронного портала (2011)", который расположен в категории "". Всё это находится в предмете "информатика" из 1 семестр, которые можно найти в файловом архиве НИУ «МЭИ» . Не смотря на прямую связь этого архива с НИУ «МЭИ» , его также можно найти и в других разделах. .
Просмотр PDF-файла онлайн
Текст 4 страницы из PDF
Эта процедура осуществляется при помощи атрибута TYPE в теге <OL>.Ниже приведена таблица типа нумерации.Пример: <OL TYPE=A>Таблица 3.1.ТипСхема нумерацииПример1Арабские цифры1, 2, 3IБольшие римские цифрыI, II, IIIiМалые римские цифрыi, ii, iiiAПрописные латинские буквыA, B, CaСтрочные латинские буквыa, b, cПример (результат приведен на рис. 3.1.):<H3>Нумерованный список. TYPE="a" </H3><OL TYPE="a"><LI>Первый</LI><LI>Второй</LI><LI>Третий</LI></OL><H3>Нумерованный список.
TYPE="A" </H3><OL TYPE="A"><LI>Первый</LI><LI>Второй</LI><LI>Третий</LI></OL><H3>Нумерованный список. TYPE="i" </H3><OL TYPE="i"><LI>Первый</LI><LI>Второй</LI><LI>Третий</LI></OL><H3>Нумерованный список. TYPE="I" </H3><OL TYPE="I"><LI>Первый</LI><LI>Второй</LI><LI>Третий</LI></OL><H3>Нумерованный список.
TYPE="1" </H3><OL TYPE="1"><LI>Первый</LI><LI>Второй</LI><LI>Третий</LI></OL>Рисунок .3.1.Маркированные списки создаются аналогично нумерованным, только вместо тегаконтейнера <OL> используется тег-контейнер <UL> (unordered list - неупорядоченныйсписок).Существует три типа маркеров: disc (по умолчанию), circle и square. Чтобы задатьтип маркера используется тот же атрибут TYPE, однако тип маркера можно менять нетолько у всего списка, но и у каждого пункта списка индивидуально.
Это зависит от того,в каком из контейнеров (<UL> или <LI>) указан тип.Пример (результат приведен на рис. 3.2.):<H3>Маркированный список по умолчанию</H3><UL><LI>Первый</LI><LI>Второй</LI><LI>Третий</LI></UL><H3>Маркированный список. TYPE="disk" </H3><UL TYPE="DISK"><LI>Первый</LI><LI>Второй</LI><LI>Третий</LI></UL><H3>Маркированный список. TYPE="circle" </H3><UL TYPE="circle"><LI>Первый</LI><LI>Второй</LI><LI>Третий</LI></UL><H3>Маркированный список. TYPE="square" </H3><UL TYPE="square"><LI>Первый</LI><LI>Второй</LI><LI>Третий</LI></UL><H3>Маркированный список смешанного типа</H3><UL><LI TYPE="disk">Первый</LI><LI TYPE="circle">Второй</LI><LI TYPE="square">Третий</LI></UL>Примечание: значение атрибута TYPE пишется строчными буквами.Рисунок 3.2.Еще один тип списка, который позволяет использовать язык HTML – списокопределений.
Он используется по схеме:<DL><DT>Термин</DT> <DD>Определение</DD></DL>Данный вид списка можно использовать не только в качестве списка, но и дляразделения списка на параграфы, где в тег-контейнер <DT> будет размещено заглавие, а в<DD> - основной текст.Пример (результат приведен на рис. 3.3):<DL><DT>Термин</DT> <DD>Определение</DD></DL><DL><DT><B>Заголовок</B></DT> <DD>Основной текст</DD></DL>Рисунок 3.3.СсылкиГипертекст – документ, обладающий ссылками на другие документы.
В HTMLгипертекстовые страницы те, которые имеют ссылку на другую страницу, чаще всегораскрывающую полный смысл некоторого определения или проблемы. Гипертекстовыессылки являются средством навигации по сайту.Чтобы создать ссылку применяется тег <A> (от anchor – якорь).Пример: <A HREF=”link.html”>Ссылка</A>, где HREF путь к странице, накоторую будет перенаправлен пользователь после нажатия на ссылку, а между тегами<A> и </A> прописывается то, что будет показано пользователю в качестве ссылки. Чтобыссылка открывалась в новом окне используется атрибут TARGET со значением “_blank”.Если файл со страницей расположен в той же директории, то необязательнопрописывать полный путь к нему, если же страница находится в другой директории, топуть будет выглядеть следующий образом: <A HREF=”…/directory/link.html”>Кроме гипертекста можно задавать внутренние ссылки, которые позволяютпользователю перемещаться в переделах одной страницы.Для этого текст разбивается на параграфы, каждый из которых получает свое имя,и при нажатии на ссылку браузер будет прокручивать текст к этому параграфу, т.е.
своегорода оглавление внутри страницы.Эта схема реализуется тем же тегом <A>, только вместо атрибута HREFуказывается атрибут NAME, значением которого будет название параграфа. Ссылка вида<A NAME=”Paragraph1”></A> ставится непосредственно перед текстом нужного абзаца, авоглавленииссылкабудетHREF=”#Paragraph1”>Параграф1</A>.выглядетьследующимобразом:<AПример:<HTML><HEAD><TITLE>М.
Ю. Лермонтов</TITLE></HEAD><BODY><A HREF=#Parus>Парус</A><br><A HREF=#Utes>Утес</A><br><br><br><A NAME=Parus><B>Парус</B></A><br><br>Белеет парус одинокой<br>В тумане моря голубом. -<br>Что ищет он в стране далекой?<br>Что кинул он в краю родном? <br><br>Играют волны, ветер свищет,<br>И мачта гнется и скрыпит;<br>Увы! - он счастия не ищет<br>И не от счастия бежит! - <br><br>Под ним струя светлей лазури,<br>Над ним луч солнца золотой: -<br>А он, мятежный, просит бури,<br>Как будто в бурях есть покой! <br><br><br><br><A NAME=Utes><B>Утес</B></A><br><br>Ночевала тучка золотая<br>На груди утеса-великана;<br>Утром в путь она умчалась рано,<br>По лазури весело играя; <br><br>Но остался влажный след в морщине<br>Старого утеса.
Одиноко<br>Он стоит, задумался глубоко<br>И тихонько плачет он в пустыне. <br></BODY></HTML>Рисунок 3.4.Однако бывают случаи, когда внутренние ссылки могут перенаправлятьпользователя на другую страницу к определенному разделу. В таком случае ссылка воглавлении будет выглядеть следующим образом:<A HREF=page3.html#Paragraph2>Параграф 2 страницы 3</A>Кроме вышеперечисленных ссылок можно создать ссылку на электронную почту.В этом случае вместо пути к странице прописывается адрес электронной почты спрефиксом “mailto:”.Пример: <A HREF=mailto:addr@addr.ru>Написать письмо</A>Помимо этого можно создавать ссылки на FTP и другие серверы аналогичнымобразом.ИзображенияСтандартными типами изображений в Интернет являются рисунки с расширением.jpg и .gif. Изображения другого типа могут отображаться не всеми браузерами.GIF – исходный формат web-графики, он ограничен 256 цветами и предназначендля создания рисунков и простой анимации.JPEG-файлы передают миллионы цветов, при этом занимая меньше места на дискеи, соответственно, требуют меньше времени для загрузки.Чтобы сконвертировать файлы с другим расширением, существует ряд программ,как платных, так и бесплатных, например PaintShopPro, ACDSee, InfanView.Тег <IMG> используется для размещения изображения на странице, атрибут SRC(от source) используется для указания имени файла и при необходимости пути к нему.Пример: <IMG SRC=header.jpg>Тег <IMG> имеет два атрибута – HEIGHT и WIDTH, которые позволяют изменятьвысоту и ширину изображения, как в абсолютном выражении, так и относительно окнабраузера.Приведем пример: линия будет растягиваться в зависимости от ширины экрана.<IMG SRC=line.jpg WIDTH=90%>Рисунок 3.5.Бывают случаи, когда изображение нужно разместить в одну линию с текстом.Чтобы выровнять текст рядом с рисунком к тегу <IMG> добавляется атрибут ALIGN,который может принимать значения TOP, MIDDLE, BOTTOM, LEFT, RIGHT, описанныев таблице 3.2.Таблица 3.2.ЗначениеРезультатTOPТекст выравнивается по верхнему краю изображенияMIDDLEТекст выравнивается по середине изображенияBOTTOMТекст выравнивается по нижнему краю изображенияRIGHTИзображение справа, текст обтекает слеваLEFTИзображение слева, текст обтекает справаЕсли необходимо, чтобы не весь текст располагался относительно картинки, тоновый абзац нужно начинать с тега <BR> с атрибутом CLEAR, который может иметь тризначения – ALL, LEFT и RIGHT.Пример: <BR CLEAR=all>Чтобы задать отступ текста от изображения используйте атрибуты HSPACE иVSPACE, где значением будет величина отступа в пикселях.
HSPACE задает величинуотступа по горизонтали (т.е. слева или справа от изображения), а VSPACE -,соответственно, по вертикали (т.е. контролирует отступ сверху или снизу изображения).Если браузер не поддерживает графику или данная функция отключена, то вместоизображения он вставит значок с диагональным крестом. Чтобы предоставитьпользователю возможность хотя бы прочитать описание картинки, вставьте атрибут ALTв тег <IMG>, где в качестве значения пишется произвольный текст с описанием рисунка.Пример: <IMG SRC=photo.jpg ALT=”Это я”>ЧтобыиспользоватьизображениявкачествефонаиспользуйтеатрибутBACKGROUND тега <BODY>. Значением атрибута будет имя файла и принеобходимости путь к нему.Пример: <BODY BACKGROUND=”bg.jpg”>.Тема 5.
