ОТЧЕТ ПО ЛАБОРАТОРНОЙ РАБОТЕ №4




ФГБОУ ВПО «Воронежский государственный технический университет»

Факультет радиотехники и электроники

Кафедра системного анализа и управления в медицинских системах

 

 

ОТЧЕТ ПО ЛАБОРАТОРНОЙ РАБОТЕ №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. Переход по ссылке Поздравления на новоселье



Поделиться:




Поиск по сайту

©2015-2024 poisk-ru.ru
Все права принадлежать их авторам. Данный сайт не претендует на авторства, а предоставляет бесплатное использование.
Дата создания страницы: 2020-04-19 Нарушение авторских прав и Нарушение персональных данных


Поиск по сайту: