Студопедия Главная Случайная страница Обратная связь

Разделы: Автомобили Астрономия Биология География Дом и сад Другие языки Другое Информатика История Культура Литература Логика Математика Медицина Металлургия Механика Образование Охрана труда Педагогика Политика Право Психология Религия Риторика Социология Спорт Строительство Технология Туризм Физика Философия Финансы Химия Черчение Экология Экономика Электроника

lt;BR>Это начало нового абзаца.





<BIG>Это большой шрифт</BIG>

<SMALL> Это маленький шрифт</SMALL>

<STRIKE>Это перечеркнутый шрифт</STRIKE>

8. В следующей строке строке введите <BR><BR>. Это будет означать, что мы дважды перевели строку (нажали клавишу «Enter»).

9. Наберите в следующей строке <MARQUEE >ЭТО БЕГУЩАЯ СТРОКА</MARQUEE>. Таким образом создается бегущая строка.

На этом информация, отражающаяся в нашем HTML-документе, закончилась и можно закрыть тэг <BODY>, набрав </BODY>;.

11. Теперь запись нашего HTML-документе закончилась, поэтому можно закрыть тэг <HTML>, набрав </HTML>.

12. Закройте блокнот и откройте ваш документ двойным щелчком.

 

Упражнение 2: Поменяйте текст сайта из задания 1: создайте домашнюю страницу с небольшой информацией о себе, используя, все приведенные теги.

Упражнение 3: Теперь отредактируем наш документ.

Поменяем фон, поставив фоновый рисунок.

1. Скопируйте в свою папку из папки Мои рисунки рисунок формата jpg и переименуйте его на image.jpg

2. Вернитесь в окно своего HTML-документа и выполните команду Вид-Просмотр HTML-кода

3. В открывшемся окне редактора Блокнот редактируем наш HTML-код. В тэге <BODY> вместо тега цвета фона добавьте BACKGROUND="image.jpg".

4. Закройте окно Блокнота, сохранив документ.

5. В окне своего HTML-документа выполните команду Вид-Обновить.

 

Упражнение 4. Создать следующий HTML- документ, используя тэги < IMG > и <A HREF>

1. Откройте окно текстового редактора Блокнот. Сохраните данный документ как Задание4.html

2. В первой строке нашего документа набираем <HTML>.

3. Чтобы ввести заголовок окна, далее набираем:

<HEAD>

Lt;TITLE> Вставка рисунка и гиперссылки

</TITLE>

</ HEAD>

4. Наберите <BODY BGCOLOR=pink TEXT=black LINK=blue VLINK=red>.

5. Теперь вставим рисунок. Для этого в следующей строке набираем <IMG SRC="image.jpg" ALT="Здесь должен быть рисунок" HEIGHT=250 WIDTH=250 ALIGN=middle ISMAP>

6. Между рисунком и дальнейшим текстом пропустим три строки. Для этого наберите <BR><BR><BR>

7. Теперь вставим гиперссылку на документ Задание1.html Для этого наберите <A HREF="Задание1.html"> Перейти по гиперссылке </A>

Закрыть тэг </BODY>;.

9. Закрыть тэг </HTML>.

 

Упражнение 5: Создать следующий HTML- документ, который будет содержать таблицы. Наберите текст программы, сохраните документ как Задание 5.html. Изучите все теги, связанные с созданием таблицы.

 


<HTML>

<HEAD>

<TITLE>Пример 2</TITLE>

</HEAD>

<H1>Простейшая таблица </H1>

<TABLE BORDER=1>

<CAPTION> <!--Это заголовок таблицы-->

У таблицы может быть заголовок

</CAPTION>

<TR>

<TD> Первая строка, первая колонка

</TD>

<TD> Первая строка, вторая колонка

</TD>

</TR>

<TR>

<TD> Вторая строка, первая колонка

</TD>

<TD> Вторая строка, вторая колонка

</TD>

</TR>

</TABLE>

</BODY>

</HTML>


Упражнение 6: Создайте в своей папке HTML- документ, содержащий таблицу с объединенными и разделенными ячейками. Наберите текст программы, сохраните как Задание 6.html. Изучите теги Colspan, Rowspan.

<HTML>

<HEAD>

<TITLE>Пример объединения ячеек с помощью COLSPAN и ROWSPAN</TITLE>

</HEAD>

<BODY BGCOLOR = BLUE TEXT = BLACK >

<TABLE ALIGN= “CENTER” BORDER= “2” LEFTMARGIN= “40” RIGHTMARGIN= “40” CELLPACING= “0” CELLPADDING= “40” WIDTH= “100%” HEIGHT= “200”>

<TR ALIGN= “CENTER” BGCOLOR=GRAY>

<TH COLSPAN= “2”> Ячейка1 </TH>

</TR>

<TR>

<TD ALIGN= “CENTER” ROWSPAN= “3”> Ячейка 2 </TD>

<TD ALIGN= “CENTER” > Ячейка 3 </TD>

</TR>

<TR>

<TD ALIGN= “CENTER” > Ячейка 4 </TD>

</TR>

<TR>

<TD ALIGN= “CENTER” > Ячейка 5 </TD>

</TR>

</TABLE>

</BODY>

</HTML>

 

Задания для самостоятельной работы:

№ варианта Задание
  Составить HTML-документ вашей группы. Документ будет содержать список, таблицы и фотографию вашей группы. На свою фамилию поставьте гиперссылку на свою страничку (ваш HTML-документ), которая будет содержать небольшую информацию о вас.
  Составить HTML-документ вашего курса. Документ будет содержать список групп, таблицу данных, обучающихся на первом курсе вашего факультета. На название вашей группы поставьте гиперссылку на страничку (HTML-документ) вашей группы, которая будет содержать небольшую информацию о ней и фотографию.
  Составить HTML-документ вашего факультета. Документ будет содержать список специальностей, таблицу с информацией, по которым обучаются на вашем факультете и фотографию факультета. На название вашей специальности поставьте гиперссылку на страничку (HTML-документ), которая будет содержать небольшую информацию о вашей специальности.
  Составить HTML-документ вашего университета. Документ будет содержать список факультетов, таблицу с информацией и фотографию университета. На название вашего факультета поставьте гиперссылку на страничку (HTML-документ), которая будет содержать небольшую информацию о нем.
  Составить HTML-документ семьи ваших соседей. Документ будет содержать список членов семьи, таблицу и семейную фотографию. На имени отца поставьте гиперссылку на страничку (HTML-документ), которая будет содержать небольшую информацию о нем.

Примечание: Документ должен содержать все представленные выше теги создания объектов.

 

Контрольные вопросы:

  1. Что такое HTML?
  2. Как создается HTML документ?
  3. Какова структура HTML документа?
  4. Для чего служит браузер? Какие браузеры вы знаете?
  5. Какие теги используются для создания таблиц?

 

СПИСОК ЛИТЕРАТУРЫ

 

1. Гарнаев А.Ю. Использование MS Excel, VBA в экономике и финансах. – СПб.: БХВ – Санкт-Петербург, 2004.

2. Макарова Н.В. Информатика. – М.: Финансы и статистика, 2004.

3. Хомоненко А., Гридин В. Microsoft Access. Быстрый старт. – Санкт-Петербург: БХВ – Петербург, 2002.

4. Информатика. Базовый курс/ С. В. Симонович и др. – СПб: Издательство «Питер», 2000.-640 с.:ил.

5. Леонтьев В. Новейшая энциклопедия персонального компьютера. – М.: ОЛМА – ПРЕСС, 1999.-640 с.

6. С. К. Каратыгин, А. Ф. Тихонов и др. Электронный офис: В 2-х томах: Т. 1. – М.: «Нолидж», 1999.-768 с. ил.

7. Буза М. К. и др. Операционная среда Windows и ее приложения. – Мн.: Выш. Шк., 1997. – 336 с

8. Б.Курицкий. Поиск оптимальных решений средствами Excel 7.0. –СПб., 1997.

9. Ф. Новиков, А. Яценко. Microsoft Office 97 в целом. –М.,1998.

10. В. Долженков, Ю. Колесников, В. Рычков. Практическая работа с MS Excel 97, М 1998

11. В. Пасько. Access 2000 русифицированная версия. Киев, 2001

12. В. Пасько. Word 7.0 русифицированный для Windows 95. Киев 1996

13. К. Айвенс. Эксплуатация Windows NT. Проблемы и решения. М 1996

14. П. Нортон. Разработка приложений в Access 97. –Киев, 1998.

15. Н. Николь, Р. Альбрехт. Excel 5.0 для профессионалов. –М.:ЭКОМ. 1995

16. Симонович С. В., Евсеев Г. А., Алексеев А. Г. Специальная информатика: Учебное пособие. – М.: АСТ _ ПРЕСС: Информ – Пресс, 1998.- 480 с.

17. Фигурнов В. Э. IBM PC для пользователя. Краткий курс. – М.: ИНФРА _ М,1997. – 480 с. ил.

 







Дата добавления: 2015-10-18; просмотров: 419. Нарушение авторских прав; Мы поможем в написании вашей работы!




Аальтернативная стоимость. Кривая производственных возможностей В экономике Буридании есть 100 ед. труда с производительностью 4 м ткани или 2 кг мяса...


Вычисление основной дактилоскопической формулы Вычислением основной дактоформулы обычно занимается следователь. Для этого все десять пальцев разбиваются на пять пар...


Расчетные и графические задания Равновесный объем - это объем, определяемый равенством спроса и предложения...


Кардиналистский и ординалистский подходы Кардиналистский (количественный подход) к анализу полезности основан на представлении о возможности измерения различных благ в условных единицах полезности...

Педагогическая структура процесса социализации Характеризуя социализацию как педагогический процессе, следует рассмотреть ее основные компоненты: цель, содержание, средства, функции субъекта и объекта...

Типовые ситуационные задачи. Задача 1. Больной К., 38 лет, шахтер по профессии, во время планового медицинского осмотра предъявил жалобы на появление одышки при значительной физической   Задача 1. Больной К., 38 лет, шахтер по профессии, во время планового медицинского осмотра предъявил жалобы на появление одышки при значительной физической нагрузке. Из медицинской книжки установлено, что он страдает врожденным пороком сердца....

Типовые ситуационные задачи. Задача 1.У больного А., 20 лет, с детства отмечается повышенное АД, уровень которого в настоящее время составляет 180-200/110-120 мм рт Задача 1.У больного А., 20 лет, с детства отмечается повышенное АД, уровень которого в настоящее время составляет 180-200/110-120 мм рт. ст. Влияние психоэмоциональных факторов отсутствует. Колебаний АД практически нет. Головной боли нет. Нормализовать...

Оценка качества Анализ документации. Имеющийся рецепт, паспорт письменного контроля и номер лекарственной формы соответствуют друг другу. Ингредиенты совместимы, расчеты сделаны верно, паспорт письменного контроля выписан верно. Правильность упаковки и оформления....

БИОХИМИЯ ТКАНЕЙ ЗУБА В составе зуба выделяют минерализованные и неминерализованные ткани...

Типология суицида. Феномен суицида (самоубийство или попытка самоубийства) чаще всего связывается с представлением о психологическом кризисе личности...

Studopedia.info - Студопедия - 2014-2025 год . (0.009 сек.) русская версия | украинская версия