72416

Упровадження таблиць та форм у HTML- документи

Лабораторная работа

Информатика, кибернетика и программирование

Форми дають можливість запитувати інформацію у виді вільного тексту, одержувати відповіді типу так/ні або робити вибір із декількох опцій. Можна використовувати форми з різними цілями. Найпростішим прикладом є розміщення форми, куди користувачі, що відвідали сайт, зможуть записати свої відкликання.

Украинкский

2014-11-24

40 KB

0 чел.

Лабораторна робота №4

Упровадження таблиць та форм у HTML- документи

Мета роботи: Навчитися  вбудовувати таблиці та форми у HTML- сторінки

Теоретичні відомості

Використання таблиць у HTML

Таблиця починається з тега <TABLE> і закінчується тегом </TABLE>. Мітка <TABLE> може включати кілька атрибутів:

ALIGN 

Установлює розташування таблиці стосовно полів документа. Припустимі значення: ALIGN=LEFT (вирівнювання вліво), ALIGN=CENTER (вирівнювання по центру), ALIGN=RIGHT (вирівнювання вправо).

WIDTH 

Ширина таблиці. Її можна задати у пікселях (наприклад, WIDTH=400) або у відсотках від ширини сторінки (наприклад, WIDTH=80%).

BORDER 

Установлює ширину зовнішньої рамки таблиці й осередків у пікселях (наприклад, BORDER=4). Якщо атрибут не встановлений, таблиця відображається без рамки.

CELLSPACING 

Установлює відстань між рамками осередків таблиці в пікселях (наприклад, CELLSPACING=2).

CELLPADDING 

Установлює відстань між рамкою осередку й текстом у пікселях (наприклад, CELLPADDING=10).

Таблиця може мати заголовок (<CAPTION> ... </CAPTION>), хоча заголовок не є обов'язковим. Мітка <CAPTION> може включати атрибут ALIGN. Припустимі значення: <CAPTION ALIGN=TOP> (заголовок міститься над таблицею) і <CAPTION ALIGN=BOTTOM> (заголовок міститься під таблицею).

Кожен рядок таблиці починається з мітки <TR> і закінчується міткою </TR>. Мітка <TR> може включати наступні атрибути:

ALIGN 

Установлює вирівнювання тексту в осередках рядка. Припустимі значення: ALIGN=LEFT (вирівнювання вліво), ALIGN=CENTER (вирівнювання по центру), ALIGN=RIGHT (вирівнювання вправо).

VALIGN 

Установлює вертикальне вирівнювання тексту в осередках рядка. Припустимі значення: VALIGN=TOP (вирівнювання по верхньому краї), VALIGN=MIDDLE (вирівнювання по центрі), VALIGN=BOTTOM (вирівнювання по нижньому краю).

Кожен осередок таблиці починається з мітки <TD> і закінчується міткою </TD>. Мітка <TD> може включати наступні атрибути:

NOWRAP 

Присутність цього атрибута означає, що вміст осередку повинен бути показаний в один рядок.

COLSPAN 

Установлює "розмах" осередку по горизонталі. Наприклад, COLSPAN=3 означає, що осередок простирається на три стовпчики.

ROWSPAN 

Установлює "розмах" осередку по вертикалі. Наприклад, ROWSPAN=2 означає, що осередок займає двох рядків.

ALIGN 

Установлює вирівнювання тексту в осередку. Припустимі значення: ALIGN=LEFT (вирівнювання вліво), ALIGN=CENTER (вирівнювання по центрі), ALIGN=RIGHT (вирівнювання вправо).

VALIGN 

Установлює вертикальне вирівнювання тексту в осередку. Припустимі значення: VALIGN=TOP (вирівнювання по верхньому краї), VALIGN=MIDDLE (вирівнювання по центрі), VALIGN=BOTTOM (вирівнювання по нижньому краї).

WIDTH 

Установлює ширину осередку в пікселях (наприклад, WIDTH=200).

HEIGHT 

Установлює висоту осередку в пікселях (наприклад, HEIGHT=40).

Якщо осередок таблиці порожній, навколо неї не малюється рамка. Якщо осередок порожній, а рамка потрібна, в осередок можна ввести символьний об'єкт &nbsp; (non-breaking space - пробіл, що не розриває,). Осередок як і раніше буде порожній, а рамка навколо неї буде.

Будь-який осередок таблиці може містити в собі іншу таблицю.

Об'єднання осередків

Суміжні осередки таблиці можуть поєднуватися. Наприклад, у таблиці з декількох стовпців усі осередки першого рядка можна об'єднати й помістити в цьому рядку заголовок таблиці. Можливо також об'єднання декількох рядків або створення порожньої прямокутної області. Для з'єднання двох суміжних осередків в одному стовпці потрібно використовувати атрибут ROWSPAN тега <TH> або <TD>, наприклад,

<TD ROWSPAN=2>

Для об'єднання двох суміжних осередків в одному рядку потрібно використовувати атрибут COLSPAN тих же тегів, наприклад,

<TD COLSPAN=2>

Перевірити можливості об'єднання осередків таблиці на наступному прикладі.

<HTML>

<BODY>

<TABLE BORDER=1 ALIGN=center>

<TR><TH COLSPAN=3>Заголовок на 3 стовпці</TH></TR>

<TR>

<TH>Заголовок на 1 рядок</TH>

<TD>Осередок 1</TD>

<TD>Осередок 2</TD>

</TR>

<TR>

<TH ROWSPAN=3>Заголовок на 3 рядки</TH>

<TD>Осередок 3</TD>

<TD>Осередок 4</TD>

</TR>

<TR><TD>Осередок 5</TD><TD>Осередок 6</TD></TR>

<TR><TD>Осередок 7</TD><TD>Осередок 8</TD></TR>

</TABLE>

</BODY>

</HTML>

 

Якщо ви хочете створити таблицю з об'єднаннями стовпців і в той же час точно контролювати ширину кожного стовпця, необхідно задати ширину принаймні одного осередку в кожнім стовпці. Для повної впевненості знайдіть час і задайте ширину кожного осередку в таблиці. Коли об'єднання стовпців перетинаються, дуже легко одержати непередбачений результат.

Використання форм

Форми дають можливість запитувати інформацію у виді вільного тексту, одержувати відповіді типу "так/ні" або робити вибір із декількох опцій.  Можна використовувати форми з різними цілями. Найпростішим прикладом є розміщення форми, куди користувачі, що відвідали сайт, зможуть записати свої відкликання.

Форма — це інструмент, за допомогою якого HTML-документ може передати деяку інформацію в деяку заздалегідь визначену крапку зовнішнього світу, де інформація буде деяким чином оброблена.

 

Порядок виконання роботи.

  1.  Використовуючи довідкову інформацію програми tags.chm та глави 7 - 8  Керівництва по HTML познайомитися із засобами створення таблиць та форм (<CAPTION> , <TR>, <TD>, <TABLE>, <FORM>, <INPUT>, <TEXTAREA>).
  2.  Запустити на виконання  стандартну програму Блокнот та набрати текст прикладу   Керівництва по HTML (глава 7).
  3.  Зберегти на локальному диску вашого комп'ютера приклад у вигляді файлу з їм ям PRIM6.HTML.
  4.   Відкрити створений файл за допомогою програми Internet Explorer. Якщо помилки відсутні, то на екрані монітору Ви побачите  Вашу WEB- сторінку у вигляді простої таблиці. У разі наявності помилок -  HTML – код. Виправити помилки, зберегти фал та в Internet Explorer клацнути на кнопку “Обновить “.
  5.  Запустити на виконання  стандартну програму Блокнот та набрати початкові коди прикладів 11, 12 послідовно  Керівництва по HTML (глава 8) зберегти їх під іменами PRIM7.HTML та PRIM8.HTML .
  6.  Повторити дії з п. 4 . Будьте уважними при виконанні прикладів 11 та 12 так, як там є посилання на неіснуючі файли та URL адреси. Відредагувати файли прикладів шляхом внесення посилань на існуючі файли та адреси.
  7.  Створити HTML – сторінку, у вигляді таблиці, із переліком лабораторних робіт (стандартна форма з журналу звітів) та форму, за допомогою якої викликається на виконання цей файл.

Зміст звіту

  1.  Номер, назва та мета лабораторної роботи.
  2.  Привести початкові HTML – коди до файлів PRIM6.HTML, PRIM7.HTML, PRIM8.HTML та з 7 пункту інструкції, доповнивши їх відповідними коментарями.
  3.  Висновки.
  4.  Використана література.


 

А также другие работы, которые могут Вас заинтересовать

31467. Софисты и Сократ. Сократики 38 KB
  Софисты философская школа в Древней Греции существовавшая в V первой половине IV вв. К числу сократических школ относятся: Академия Платона; школа киников; киренская школа; лигарская школа; элидоэритрийская школа. Академия Платона религиознофилософская школа созданная Платоном в 385 г. Киники философская школа которая обосновывала идею свободы вне общества асоциальной свободы.
31468. Философия Платона, Историческое значение философии Платона 39 KB
  Главными положениями его идеалистического учения являются следующие: материальные вещи изменчивы непостоянны и со временем прекращают свое существование; окружающий мир мир вещей также временен и изменчив и в действительности не существует как самостоятельная субстанция; реально существуют лишь чистые бестелесные идеи эйдосы; чистые бестелесные идеи истинны вечны и постоянны; любая существующая вещь является всего лишь материальным отображением первоначальной идеи эйдоса данной вещи например кони рождаются и умирают...
31469. Философия Аристотеля, Теория познания и логика 36.5 KB
  Аристотель ученик Платона но по ряду принципиальных вопросов он расходился со своим учителем. Исходя из признания объективного существования материи Аристотель считал ее вечной несотворимой и неуничтожимой. Аристотель подходит к идее единичного бытия вещи явления: они представляют собой слиянность материи и эйдоса формы. Аристотель разработал иерархическую систему категорий в которой основной была сущность или субстанция а остальные считались ее признаками.
31470. Специфика философской мысли в эпоху средневековья (общая характеристика). Периодизация средневековой философии 34 KB
  Периодизация средневековой философии. Специфика средневековой философии: 1 Теоцентричность. В основе этого признака лежт две главные идеи: 1 идея творения в онтологии как попытка ответить на первую часть основного вопроса философии креационизм истин. В средневековой философии полностью отсутствовало и понятие плагиата.
31471. Средневековая философия этапа патристики. Философия Августина Аврелия 38 KB
  Языческие боги вечные и всемогущественные. Христианский Бог обретает еще одно качество всеблагой олицетворяющий добро и совершенство. В христианстве тогда сложилось особое направленная теодицея оправдание бога за существующее в мире зло. Согласно ей Бог создавал мир из некоторого хаоса.
31472. Дослідження логічної організації перетворення даних – арифметичні операцій у різних системах числення з використанням алгоритмічних мов високого рівня 140.5 KB
  3 Дослідження логічної організації перетворення даних арифметичні операцій у різних системах числення з використанням алгоритмічних мов високого рівня. Мета лабораторної роботи ознайомитись з методами арифметичних операцій у різних системах числення отримати і закріпити практичні навички з побудови алгоритмів і програм. Короткі теоретичні відомості Для виконання арифметичних операцій у системі числення з основою P необхідно мати відповідні таблиці додавання та множення. 100111...
31473. Дослідження методів кодування чисел в комп’ютері з використанням алгоритмічних мов високого рівня 92.5 KB
  Для виконання операцій з двійковими числами в ЕОМ використовуються прямий зворотній додатковий модифікований зворотній і додаткові коди. Додатковий код відємного числа отримується додаванням одиниці молодшому розряду зворотнього коду цього числа. Для цього виконаємо кодування: отримаємо зворотній та додатковий коди для чисел А1 та А2. Таблиця 1 Варіанти завдання Перевести відємне дійсне число: № код прямий додатковий зворотній додатковий додатковий прямий додатковий зворотній прямий додатковий зворотній...
31474. Дослідження форм представлення десяткових чисел у комп’ютері 83.5 KB
  Це можуть бути тексти зображення числа звуки і т. В обчислювальних машинах застосовуються дві форми представлення чисел: природна форма або форма з фіксованою комою точкою; нормалізована форма або форма з плаваючою комою точкою; З фіксованою комою числа зображуються у вигляді послідовності цифр з постійним для всіх чисел положенням точки яка відділяє цілу частину від дробової. З плаваючою точкою числа зображуються у вигляді X = M×Pr де M мантиса числа правильна дріб в межах 01 ≤ M 1 r порядок числа ціле P ...
31475. Дослідження позиційних та непозиційних систем числення 81.5 KB
  1 Дослідження позиційних та непозиційних систем числення. Мета лабораторної роботи ознайомитись з позиційними та непозиційними системами числення отримати і закріпити практичні навички з побудови алгоритмів і програм для роботи з системами числення. Короткі теоретичні відомості В позиційних системах числення один і той самий числовой знак цифра у запису числа має різні значення в залежності від того месця розряду де він розсташований. В позиційних системах числення величина позначена цифрою залежить від місця позиції...