ФГБОУ ВПО «Воронежский государственный технический университет»
Факультет радиотехники и электроники
Кафедра системного анализа и управления в медицинских системах
ОТЧЕТ ПО ЛАБОРАТОРНОЙ РАБОТЕ №4
по дисциплине: «Компьютерные технологии в медико-биологической практике»
Тема: «Использование ссылок, слоев и каскадные листы стилей в html документах»
Разработала студентка В.В.Горлова
Подпись, дата Инициалы, фамилия
Руководитель канд. техн. наук, доц. А.И. Воронин
Подпись, дата Инициалы, фамилия
Защищена Оценка
Дата
Лабораторная работа № 4
Использование ссылок, слоев и каскадные листы стилей в html документах
1 Цели и задачи работы
Приобретение навыков использования ссылок, слоев и стилей в документах HTML.
В результате выполнения лабораторной работы студент должен знать:
· способы создания разнообразных типов ссылок, в том числе внешних ссылок, реализующих переходы между веб-узлами, внутренних ссылок, реализующих переходы между документами одного веб-узла, ссылки, реализующие переходы внутри документа, графические ссылки;
· теги, которые находятся в самом начале веб-странице;
· способы включения в веб-страницу слоев;
· определения стилей, их уровней, синтаксис;
· методы группирования листов стилей.
2 Листинг
<HTML>
<HEAD>
<TITLE> Поздравления </TITLE>
<link rel="stylesheet" href=" Таблица стилей.css" type="text/css">
<style type="text/css">
Р { font-size: 18pt; line-height: 18pt }
p:first-letter { font-size: 250%; font-style: oblique;
font-weight: bold; float: left}
span { text-transform: uppercase }
</style
</HEAD>
<BODY BACKGROUND="fon-priroda14.jpg" TEXT="Purple" TOPMARGIN=60 BOTTOMMARGIN=60
LEFTMARGIN=50 RIGHTMARGIN=50>
<A NAME="Поздравления">
<H1 ALIGN=CENTER> Поздравления </H1>
<P> <CITE> <B> Ни для кого не секрет, что при поздравлении близкого человека главное не дорогущий подарок, а безграничное внимание, способное окружить теплом, любовью и заботой. Однако такое внимание не стоит путать с кроткой улыбкой или душевным объятием, ведь такими знаками внимания можно одаривать близких людей по многу раз на дню. Речь идет скорее о красивом и искреннем поздравлении, выраженном в небольшом стихотворении, тексте, искрометной фразе. Порой подготовить необходимое поздравление невозможно, ввиду недостатка времени или неумения слагать стихи, поэтому остается лишь подобрать нужные слова к определенной ситуации, выбрав их среди огромного количества авторских поздравлений, тостов, смс, четверостиший, расположенных на нашем сайте. </CITE> </P>
<P> <CITE>Искренние поздравления с юбилеем, свадьбой, новосельем способны не только заменить подарки, но и не оставить поздравляющего в глупом положении во время крупного застолья. Несколько теплых и нежных предложений для юбиляра, найденных
на этом ресурсе, способны заменить миллионы разрозненных фраз, не оставляющих после себя ни заботы, ни памяти. </CITE> </P>
<P> <CITE>В коллекцию поздравлений постоянно добавляются новые – строгие, прикольные, необычные и яркие, в прозе и в стихах. Новинки непременно разделяются по каталогу специального календаря: свадьба, рождение малыша, уход на пенсию, день рождение, новый год, 9 мая. Каждое поздравление написано специально для детей и молодежи, взрослых и пожилых людей, и каждое из них наполнено оригинальностью, радостью и душевным трепетом. </B> </CITE> </P>
<CENTER> <IMG SRC="cvety177.gif"></IMG> </CENTER>
<H2 ALIGN=CENTER><P> <CITE> Поздравления на важные события </CITE></P></H2>
<H3><P><A HREF="поздравления с днем рождения.html"><CITE>Поздравления с Днем рождения </CITE></A></P>
<P><A HREF="поздравления с днем свадьбы.html"><CITE> Поздравления на свадьбу </CITE> </A></P>
<P><A HREF="https://www.pojelanie.ru/pozdrav/ub/"><CITE><B> Поздравления с юбилеем </CITE> </A></P></H3>
<P><A HREF="https://www.pojelanie.ru/pozdrav/nov/"><CITE> <B> Поздравления с новосельем </CITE> </A></P></H3>
<P><A HREF="https://www.pojelanie.ru/pozdrav/loj/"><CITE> <B> Поздравления женщине, любимой, жене, девушке</CITE> </A></P></H3>
<P><A HREF="https://www.pojelanie.ru/pozdrav/lom/"><CITE> <B> Поздравления мужчине, любимому, мужу, парню</CITE> </A></P></H3>
<P><A HREF="https://www.pojelanie.ru/pozdrav/stu/"><CITE> <B> Поздравления студенту </CITE> </A></P></H3>
<P><A HREF="https://www.pojelanie.ru/pozdrav/uch/"><CITE> <B> Поздравления учителю </CITE> </A></P></H3>
<P><A HREF="#Поздравления">Наверх</A></P>
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE> Поздравления c рождения </TITLE>
</HEAD>
<BODY BACKGROUND="fon-priroda14.jpg" TEXT="Purple" TOPMARGIN=60 BOTTOMMARGIN=60
LEFTMARGIN=50 RIGHTMARGIN=50>
<CENTER><CITE><U><H1> Поздравления на свадьбу! </U></H1></CITE>
<IMG SRC="8349049.gif"></IMG> </CENTER>
<CENTER><P> *** </P>
<P><B>Жизнь для Вас - широкая дорога,</P>
<P><B>Сотни верст пути.</P>
<P><B>Вы сейчас у счастья на пороге,</P>
<P>Свадьба дверь, в которую войти.</P>
<P>Так откройте эту дверь пошире,</P>
<P>Чтобы было горько от вина,</P>
<P>Чтобы быть Вам лучшей парой в мире,</P>
<P>Чтобы счастье пить всю жизнь до дна.</P>
<P> *** </P>
<P>Желаем нашим новобрачным,</P>
<P>Чтоб брак был крепким и удачным,</P>
<P>Чтоб дом всегда был полной чашей,</P>
<P>Жизнь с каждым днем светлей и краше!</P>
<P>Пусть в жизни чаще солнце светит,</P>
<P>Пусть принесут вам радость дети.</P>
<P>Любовь сберечь любой ценой</P>
<P>Должны до свадьбы золотой!</P>
<P> *** </P>
<P>Надеты кольца золотые,</P>
<P>Стоит в свидетельстве печать...</P>
<P>Ну что, супруги молодые,</P>
<P>Нам в этот день вам пожелать?</P>
<P>Чтоб в доме музыка звучала,</P>
<P>Чтоб скучно не было вдвоем,</P>
<P>Живите дружно, интересно,</P>
<P>Чтоб счастья было - полон дом!</P>
<P>Любовь берегите доверчиво, зорко,</P>
<P>И только на свадьбе пусть будет вам "Горько!"</P>
<HTML>
<HEAD>
<TITLE> Поздравления c рождения </TITLE>
</HEAD>
<BODY BACKGROUND="fon-priroda14.jpg" TEXT="Purple" TOPMARGIN=60 BOTTOMMARGIN=60
LEFTMARGIN=50 RIGHTMARGIN=50>
<CENTER><CITE><U><H1> Поздравления с Днем рождения! </U></H1></CITE>
<IMG SRC="360101927.gif"></IMG> </CENTER>
<CENTER><P> *** </P>
<B><P> У тебя сегодня день рождения</B></P>
<P><B>Желаем счастья и добра</P>
<P><B>И вечной юности цветенья</P>
<P><B>Улыбок, солнца и тепла</P>
<P>Будь молодой, всегда красивой,</P>
<P>Желанной, доброй и простой,</P>
<P>Всегда приветливой и милой</P>
<P>Всегда любимой, дорогой</P>
<P>В жизни твоей пусть не будет печали,</P>
<P>Счастье тебя пусть повсюду встречает,</P>
<P>Пусть радость спутником твоим останется навек,</P>
<P>И рядом будет навсегда любимый человек</P>
<P>Пусть солнце светит ярко-ярко</P>
<P>У белых ласковых берез,</P>
<P>Удач желаем и успехов,</P>
<P>Здоровья, бодрости всегда,</P>
<P>Благополучия на все грядущие года. </P>
<CENTER><P> *** </P>
<P> Тебе желаю в день рожденья</P>
<P>Не просто кайф тупой ловить-</P>
<P>Побольше счастья, наслажденья,</P>
<P>Поярче солнечной любви.</P>
<P>Неразделенной... Разделенной -</P>
<P>Бывает всякое в судьбе.</P>
<P>Ты будь влюбленным,</P>
<P>Будь влюбленной-</P>
<P>Заслужишь ты любовь к себе!!! </P>
<CENTER><P> *** </P>
<P> Желаем в день рожденья только</P>
<P>Расти, смеяться и цвести,</P>
<P>Добра, тепла и ласки столько,</P>
<P>Что за сто лет не унести.</P>
<P>В учебе и в труде - удачи,</P>
<P>А отдыхать - легко и всласть!</P>
<P>И будут деньги, виллы, дачи</P>
<P>Да над судьбой своею власть!!! </P>
<CENTER><P> *** </P></B>
3 Результаты работы
Рис.3. Переход по ссылке Поздравления с юбилеем
Рис.4. Переход по ссылке Поздравления на новоселье