72416

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

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

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

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

Украинкский

2014-11-24

40 KB

1 чел.

Лабораторна робота №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.  Використана література.


 

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

32301. Экономические, социальные, политические и идейно-нравственные предпосылки возникновения правового государства 31 KB
  Экономические социальные политические и идейнонравственные предпосылки возникновения правового государства. Экономической основой правового государства являются производственные отношения базирующиеся на многоукладности на различных формах собственности государственной коллективной арендной частной акционерной кооперативной и других как равноправных и в одинаковой мере защищенных юридически. Социальную основу правового государства составляет саморегулирующееся гражданское общество которое объединяет свободных граждан носителей...
32302. Государство, право и свобода личности в правовых системах различных государств. Система прав и свобод личности в современных государствах 42.5 KB
  Права человека неотъемлемое свойство человека. Если человек не обладает правами то тем самым уничтожается сама природа человеческого существа. Права человека принадлежат человеку а не государству. Права человека это социальноэкономические политические культурные и другие возможности свободного самоопределения и свободной жизнедеятельности человека.
32303. Понятие и принципы законности 75.5 KB
  Хотя ряд ученых не считают правотворчество законотворчество элементом законности полагая законотворчество в качестве предпосылки законности. Условия законности образует определенная социальная среда ее качественное состояние обусловленное правовой культурой. Состояние законности обычно связывается с реализацией и принципом верховенства закона.
32304. Органическая связь и взаимодействие государства и права. Особенности их соотношения в различных типах государственно-правовых систем 46 KB
  Органическая связь и взаимодействие государства и права. Традиционно в науке по вопросу о соотношении государства и права различались два подхода. Первый этатистский исходивший из приоритета государства над правом. Фактическим условием для данного подхода служила политическая практика склонная видеть в праве некий придаток государства.
32305. Правовое государство и права граждан. Их понятия и взаимосвязь 30.5 KB
  История развития концепции правового государства и вместе с ним прав личности получила богатую разработку на протяжении истории человеческого общества. На протяжении нескольких столетий теория правового государства видоизменялась и трансформировалась дополнялась новыми качествами и лишь с появлением в ней принципа неотъемлемых естественных прав человека она обрела своё основное ценностное качество. Следует отметить что в юридической науке нет единого определения правового государства. Каждый правовед работающий над проблемой правового...
32306. Правовое государство 26.5 KB
  Основными признаками чертами правового государства являются следующие. Полная гарантированность и незыблемость закона в условиях существования прав и свобод граждан а также установление и поддержание принципа взаимной ответственности гражданина и государства в главе 2 Конституции РФ содержится полный перечень экономических политических юридических и социальнокультурных гарантий обеспечения основных прав и свобод граждан. Суть данного принципа состоит в том что для обеспечения процесса нормального функционирования государства в нем...
32307. РЕАЛИЗАЦИЯ ПРАВА: ПОНЯТИЕ И ФОРМЫ 63.5 KB
  Применительно к праву этот процесс означает его перевод в качество правомерного поведения использование свойств права для достижения социально полезного результата. Субъектами реализации права являются те лица на которых право распространяет свое действие то есть субъекты права. Явич справедливо заметил что осуществление права не всегда представляло практическую и теоретическую проблему ее не было когда защищенные силой фактические отношения на заре цивилизации являлись правом ее не бывает или почти не оказывается когда...
32308. Учение о составе правонарушения понятие состава правонарушения как основания юридической ответственности. Элементы состава и их характеристика 46.5 KB
  Учение о составе правонарушения понятие состава правонарушения как основания юридической ответственности. Установление состава правонарушения является юридической квалификацией содеянного весьма важной с правовой точки зрения логической операцией непосредственно затрагивающей судьбу личности. Наличие состава правонарушения является основанием для привлечения виновного лица к юридической ответственности. В состав правонарушения входят следующие четыре элемента которые в свою очередь раскрываются через ряд собственных специфических черт и...
32309. Предмет Теории государства и права 44 KB
  Для теории государства и права в качестве объекта выступают государство и право которые в то же время исследуются и другими науками как юридическими так и не юридическими философией политологией экономикой социологией и т. В качестве предмета теории государства и права выступают два следующих блока объективной действительности. 1 Наиболее общие закономерности возникновения развития и функционирования государства и права. Отсюда предметом теории государства и права будут выступать основные государственноправовые закономерности а...