Особенность создания таблиц

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

Рубрика Программирование, компьютеры и кибернетика
Вид лекция
Язык русский
Дата добавления 03.04.2019
Размер файла 14,7 K

Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже

Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.

Размещено на http://www.allbest.ru/

Лекция

Создание таблиц

План

1. Начальный этап создания кода таблиц

2. Создание строк и столбцов таблицы

3. Выбор типа таблицы

4. Выравнивание данных в ячейках таблицы по горизонтали и вертикали

5. Окрашивание таблиц и рамок

1. Начальный этап создания кода таблиц

Представьте себе таблицу, в которой содержатся названия товаров и цены на них. Это стандартный способ использования таблиц. А теперь давайте добавим в таблицу рисунки, которые являются гиперссылками на HTML-файлы, содержащие более крупные изображения, а также подробную информацию о соответствующих товарах. Видеозаписи и звукозаписи также могут быть элементами таблицы. Таким образом, пользователь сможет не только многое увидеть, но и многое услышать.

HTML-код, который используется для создания таблиц, нельзя назвать слишком сложным; скорее, он очень громоздкий. Построение таблиц - это не такая уж сложная задача, если сделать все правильно.

Прежде чем приступить к созданию таблиц, необходимо понять структуру кода, который для этого используется. Код таблицы в HTML содержится в контейнере TABLE. Прежде чем создавать HTML-код таблицы, вы должны определить максимальное количество содержащихся в ней строк и столбцов. Затем, по мере написания кода, вы будете определять ячейки одну за одной. Ячейки определяются слева направо по строкам и сверху вниз.

Строки, столбцы и ячейки - это стандартные термины, которые используются при описании таблиц.

2. Создание строк и столбцов таблицы

Чтобы описать таблицу, нужно указать количество строк и столбцов, а также их расположение.

Для определения одной строки таблицы используется пара дескрипторов <TR> и </TR>. Они сообщают браузеру, что ячейки, определяемые между этими дескрипторами относятся к одной строке таблицы.

Дескрипторы <TH> и </TH> определяют заголовки таблицы.

Дескрипторы <TD> и </TD> определяют содержание ячейки.

С помощью атрибута COLSPAN, содержащегося внутри дескриптора <TH> или <TD>, можно сделать так, чтобы соответствующая ячейка занимала несколько столбцов. Для этого нужно присвоить атрибуту COLSPAN значение, равное числу столбцов, которые должна занимать ячейка. Атрибут ROWSPAN выполняет ту же функцию только для строк.

3. Выбор типа таблицы

Прежде чем переходить к описанию ячеек, нужно определить некоторые общие характеристики таблицы. К ним относятся ширина таблицы, интервалы внутри ячейки, интервалы между ячейками и т.д.

Одной из таких общих характеристик является рамка, т.е. граница, отделяющая таблицу от остальной части документа. Для этого используется атрибут BORDER=n, где n - ширина рамки в пикселях. Атрибут BORDER помещается в дескриптор <TABLE>. Если выбрать значение 0 или вообще опустить данный атрибут, то будет создана таблица без рамки.

Для определения ширины таблицы используется атрибут WIDTH, также помещенный в дескриптор <TABLE>. Значение ширины указывается либо в процентах, либо в пикселях, и заключается в кавычки.

С помощью атрибута COLS, помещенного в дескриптор <TABLE>, можно определить количество столбцов таблицы:

<TABLE BORDER=0 WIDTH="50%" COLS="3">.

И, наконец, для определения интервалов в таблице используются атрибуты CELLSPACING и CELLPADDING, помещенные в дескриптор <TABLE>. Атрибут CELLSPACING определяет расстояние между ячейками в пикселях (стандартное значение равно 2).

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

4. Выравнивание данных в ячейках таблицы по горизонтали и вертикали

Атрибут ALIGN позволяет выровнять содержимое ячеек и может принимать значение CENTER, JUSTIFY, CHAR, RIGHT, LEFT.

Если присвоить атрибуту ALIGN значение JUSTIFY, то текстовое содержимое ячейки будет выровнено по ширине.

Если присвоить атрибуту ALIGN значение CHAR, то содержимое ячейки будет выравниваться относительно символа, заданного с помощью атрибута CHAR. Например, запись ALIGN="char" CHAR="," можно использовать для выравнивания натуральных чисел по разделителю дробной части. код таблица ячейка окрашивание

Выравнивание данных в ячейках таблицы по вертикали

Атрибут VALIGN может использоваться в контейнере <TR>, <TH>, <TD>. С его помощью можно выровнять текст по верхней или нижней границе ячейки, а также отцентрировать по вертикали. Атрибут VALIGN может принимать следующие значения: TOP, MIDDLE, BOTTOM.

Добавление подписей к таблицам

С помощью контейнера <CAPTION> к таблицам можно добавлять подписи. Таким образом, с помощью подписей можно описать таблицу более подробно, например, добавив информацию о единицах измерения, использованных в таблице.

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

<TABLE>

<CAPTION ALIGN=BOTTOM>Это подпись</CAPTION>

Помимо атрибута BOTTOM, в контейнере CAPTION можно использовать атрибуты TOP, LEFT, RIGHT.

5. Окрашивание таблиц и рамок

К таблице можно добавить фон, цвет которого отличается от цвета остальной части Web-страницы. Можно также окрасить строки или отдельные ячейки, чтобы выделить их на фоне остальной таблицы.

Для этого используется атрибут BGCOLOR дескриптора <TABLE>.

Значением атрибута BGCOLOR может быть как шестнадцатеричное число (в формате #rrggbb), так и текст.

<TR BGCOLOR=yellow>

С помощью дескриптора <TABLE> и атрибутов BORDERCOLOR и BORDERLIGHT можно изменить цвет рамки таблицы. Атрибут BORDER должен быть помещен в дескриптор <TABLE>. Чтобы изменить цвет рамки внутри таблицы, нужно использовать атрибуты BORDERCOLOR и BORDERLIGHT в дескрипторе <TR> или <TD>.

Значение атрибута BORDERCOLOR влияет на верхнюю часть рамки трехмерной таблицы, а величина BORDERLIGHT - на нижнюю (т.е. на тень). С помощью этих атрибутов можно модифицировать стандартные атрибуты представления рамок трехмерных таблиц.

Практическое задание

Создайте HTML-код следующей таблицы

Фамилия

дни недели

понедельник

вторник

среда

четверг

пятница

Иванов

6

0

0

0

0

Петров

0

6

0

0

0

Сидоров

0

0

6

0

0

Сергеев

0

0

0

6

0

Васильев

0

0

0

0

6

<HTML>

<HEAD>

<TITLE>Создание таблицы</TITLE>

</HEAD>

<BODY BGCOLOR=#AAAAAA>

<TABLE BORDER="2" COL="6" WIDTH="70%" BGCOLOR=#ffffff>

<TR ALIGN=CENTER>

<TH ROWSPAN=2>Фамилия</TH>

<TH COLSPAN=5>дни недели</TH>

</TR>

<TR ALIGN=CENTER>

<TH>понедельник</TH>

<TH>вторник</TH>

<TH>среда</TH>

<TH>четверг</TH>

<TH>пятница</TH>

</TR>

<TR>

<TD>Иванов</TD>

<TD BGCOLOR=red>6</TD>

<TD>0</TD>

<TD>0</TD>

<TD>0</TD>

<TD>0</TD>

</TR>

<TR>

<TD>Петров</TD>

<TD>0</TD>

<TD BGCOLOR=red>6</TD>

<TD>0</TD>

<TD>0</TD>

<TD>0</TD>

</TR>

<TR>

<TD>Сидоров</TD>

<TD>0</TD>

<TD>0</TD>

<TD BGCOLOR=red>6</TD>

<TD>0</TD>

<TD>0</TD>

</TR>

<TR>

<TD>Сергеев</TD>

<TD>0</TD>

<TD>0</TD>

<TD>0</TD>

<TD BGCOLOR=red>6</TD>

<TD>0</TD>

</TR>

<TR>

<TD>Васильев</TD>

<TD>0</TD>

<TD>0</TD>

<TD>0</TD>

<TD>0</TD>

<TD BGCOLOR=red>6</TD>

</TR>

</BODY>

</HTML>

Размещено на Allbest.ru

...

Подобные документы

  • Программа Word, позволяющая создавать таблицы, состоящие из строк и столбцов. Способы построения таблиц. Обработка таблиц и их форматирование. Вычисления в тексте и таблице. Разделение и соединение ячеек. Создание заголовков многостраничных таблиц.

    контрольная работа [1,7 M], добавлен 28.01.2012

  • Общая характеристика табличных процессоров. Проведение исследования тем электронных таблиц в 7-9 классах. Главная особенность создания многотабличных документов. Построение диаграмм, их модификация и решение экономических задач графическими методами.

    курсовая работа [2,9 M], добавлен 12.03.2019

  • Изучение тегов для создания списков и таблиц в HTML, основных атрибутов тегов. Практические навыки создания списков и таблиц в HTML-документах. Нумерованные, маркированные и вложенные списки, список определений. Выравнивание данных в ячейках таблицы.

    контрольная работа [322,1 K], добавлен 09.08.2014

  • Проведение исследования стандартов и основ проектирования базы данных. Особенность создания запросов на языке SQL. Функциональные требования, предъявляемые к программе Microsoft SQL Server. Анализ заполнения таблиц. Создание процедур и запросов.

    курсовая работа [2,7 M], добавлен 19.03.2021

  • Понятие и назначение электронных таблиц. Сравнительная характеристика редакторов электронных таблиц Microsoft Excel, OpenOffice.org Calc, Gnumeric. Требования к оформлению электронных таблиц. Методика создания электронных таблиц в MS Word и MS Excel.

    контрольная работа [1,5 M], добавлен 07.01.2015

  • Технология создания базы данных электронных учебников в Microsoft Access на примере библиотеки ГБПОУ "Троицкий Технологический Техникум". Объединение таблиц, заполнение разной информацией для фильтрации по запросам методом связи таблиц между собой.

    дипломная работа [1,3 M], добавлен 23.12.2016

  • Средства создания и форматирования электронных таблиц MS Excel. Условное форматирование с использованием инструмента. Анализ функции Excel следующих категорий: математические, статистические, условные, ссылки и массивы. Механизм создания сводных таблиц.

    контрольная работа [480,4 K], добавлен 02.02.2015

  • Определение состава реляционных таблиц и логических связей между ними. Создание схемы (пользователя) базы данных. Особенность получения таблиц и ограничения целостности. Выполнение загрузки, модификации и удаления. Поддержка транзакций в Oracle.

    лабораторная работа [4,8 M], добавлен 25.10.2021

  • Рабочая область окна и структура MS Excel. Применение и возможности электронных таблиц, преимущества использования при решении задач. Ввод и редактирование данных в ячейках, копирование данных, построение диаграмм, профессиональное оформление документов.

    реферат [2,2 M], добавлен 10.06.2010

  • Создание таблиц базы данных с помощью MS Access "Страны Азии". Форма базы данных и запросы к выборкам данных. Модификация структуры таблиц, создания связей между главными таблицами, редактирование данных и проектирование форм для реальной базы данных.

    контрольная работа [723,9 K], добавлен 25.11.2012

  • Формирование списков с целью быстрого автозаполнения строк и столбцов. Удаление и вставка строк и столбцов. Вычисление по формулам и построение диаграмм. Поиск данных с использованием авто фильтра. Этапы создания базы данных Access, определение связей.

    контрольная работа [5,3 M], добавлен 29.07.2012

  • Описание технологии создания таблиц в режиме "Конструктор" в программной среде Microsoft Access. Сортировка и фильтрация данных в таблицах, создание полей с подстановкой. Пример структуры многотабличного запроса и пример создания итогового запроса.

    лабораторная работа [1,6 M], добавлен 17.02.2013

  • Особенность электронных таблиц Excel, возможности применения формул для описания связи между значениями различных ячеек. Способы ввода данных, формул и их последующего редактирования, типы ссылок на ячейки и диапазоны, особенности работы со ссылками.

    контрольная работа [86,8 K], добавлен 13.03.2019

  • Технологии доступа к СУБД. Управление источниками данных. Типовые параметры настройки драйвера. Способы создания таблиц. Запуск и содержание сценария (текстового файла с командами). Автоматизированные инструменты для управления структурой базы данных.

    презентация [18,8 K], добавлен 19.08.2013

  • Особенности модификации таблиц базы данных средствами СУБД Access. Описание свойств полей, задания ограничений, масок ввода данных. Создание и модификации таблиц, установка их свойств. Схема связи таблиц. Представление результатов задания в виде таблицы.

    лабораторная работа [243,5 K], добавлен 13.06.2014

  • Создание таблиц базы данных в режиме конструктора. Схема связей между таблицами и содержание таблиц. Установление связи с поддержанием целостности. Структуры двух запросов (в режиме конструктора) и описание процесса их создания. Результаты вывода отчетов.

    курсовая работа [3,0 M], добавлен 28.06.2015

  • Создание БД с информацией о сотрудниках на основе таблиц: "Сотрудники", "Отдел". Поиск, сортировка и фильтрация данных в таблицах. Запросы на выборку данных, удаления и замены. Создание форм и отчетов на основе запросов и таблиц. Диспетчер кнопочных форм.

    лабораторная работа [136,7 K], добавлен 01.12.2011

  • Исследование процесса создания и заполнения вспомогательных и основных таблиц в Microsoft Office Access. Характеристика построения схемы данных, создания формы и отчета. Описания изменения ширины граф, сортировки записей, работы в режиме конструктора.

    контрольная работа [1,0 M], добавлен 19.12.2011

  • Создание моделей данных, основных таблиц с помощью конструктора таблиц, связей между таблицами, форм для заполнения таблиц, запросов на выборку данных, отчетов для вывода на печать и начальной кнопочной формы. Основные объекты Microsoft Access.

    контрольная работа [4,5 M], добавлен 18.03.2012

  • Концептуальное проектирование базы данных: разработка схемы и структуры таблиц, описание атрибутов. Реализация базы данных в среде СУБД MS SQL Server 2000. Основные принципы создания таблиц. Доступ и обработка данных с помощью утилиты Enterprise Manager.

    курсовая работа [3,8 M], добавлен 22.01.2013

Работы в архивах красиво оформлены согласно требованиям ВУЗов и содержат рисунки, диаграммы, формулы и т.д.
PPT, PPTX и PDF-файлы представлены только в архивах.
Рекомендуем скачать работу.