Лістинг програма мовою HTML

МІНІСТЕРСТВО ОСВІТИ І НАУКИ МОЛОДІ ТА СПОРТУ УКРАЇНИЧеркаський державний технологічний університет

Кафедра механіки, поліграфічних машин і технологій

Звіт

З ПРАКТИЧНОЇ РОБОТИ № 1

З дисципліни: «Технологія створення WEB сторінок»

Тема: «Таблиці в документах HTML»

Перевірив: Виконав:

Ст.викладач Студент гр.ВПС-47

Мисник Б.В. Грицай О.В.

Черкаси - 2016

ЛАБОРАТОРНА РОБОТА № 1

Тема:Таблиці в документах HTML

Мета роботи: Навчитися створювати сторінки в інтернеті з таблицями засобами мови програмування HTML.

Завдання:

Завдання 1.

1. Відкриваємо блокнот і створюємо нову Web-сторінку.

1.1. Задаємо фон документу зелений.

1.2.Проведіть горизонтальну лінію червоного кольору шириною10 і напишіть

по лівому краю, розміром 6 і курсивом Характеристики комп’ютера.

2. Збережіть файл під ім’ям page2.html в папці Мои документы.

3. Відкрийте page1.html і в блокноті створіть гіперпосилання на другу сторінку,

текст гіперпосилання - Принцип адресності пам’яті.

4. Відкрийте page2.html і в блокноті створіть гіперпосилання на page1.html, текст

гіперпосилання - Характеристики.

5. Відкрийте обидві сторінки в браузері і перевірте правильність роботи

гіперпосилань.

6. Створіть на другій Web-сторінці таблицю за зразком

Інформаційна (обчислювальна) система
Апаратне забезпечення	Програмне забезпечення

Завдання 2.

1. Відкриваємо блокнот і створюємо Web-сторінку.

1.1.Проведіть горизонтальну лінію кольору red шириною 7 і напишіть по

лівому краю, розміром 6 і курсивом Функції електронних таблиць.

2. Збережіть файл під ім’ям page2.html в папці Мои документы.

3. Відкрийте сторінку створену на попередньому уроці page1.html і в блокноті

створіть гіперпосилання на page2.html, текст гіперпосилання - Електронна

таблиця.

4. Відкрийте page2.html і в блокноті створіть гіперпосилання на page1.html, текст

гіперпосилання - Функції.

5. Відкрийте обидві сторінки в браузері і перевірте правильність роботи

гіперпосилань.

6. Створіть на другій Web-сторінці таблицю за зразком

Внутрішня пам’ять
ОЗП (RAM)	ПЗП (BIOS)	Кеш-пам’ять

Виконання роботи

Лістинг програма мовою HTML

1) Сторінка http1:

<HTML>

<HEAD> <TITLE>Таблиця</TITLE></HEAD>

<TD COLSPAN="3" ALIGN="center" VALIGN="middle" BGCOLOR="white"> Інформаційна (обчислювальна) система

</TD>

</TR>

<TR>

<TD WIDTH="30%" ALIGN="center"><a href=http2.html>Апаратне забезпечення</a></TD>

<TD WIDTH="30%" ALIGN="center">Програмне забезпечення</TD>

</TR>

</TABLE>

</BODY>

</HTML>

Що має даний вигляд:

2) Сторінка http2:

<HTML>

<HEAD> <TITLE>Таблиця</TITLE></HEAD>

<TD COLSPAN="3" ALIGN="center" VALIGN="middle" BGCOLOR="white"> Внутрішня пам’ять

</TD>

</TR>

<TR>

</TR>

</TABLE>

</BODY>

</HTML>

Що має даний вигляд:

Висновок: В даній практичній роботі я навчилася створювати таблиці для WEB-сторінок, за допомогою мови HTML, працювати над їх структурою та оформленням, встановлювати посилання в тексті на іншу сторінку. З кожної з 2 створених WEB-сторінок можна перейти на наступну сторінку.