СДЕЛАЙТЕ СВОИ УРОКИ ЕЩЁ ЭФФЕКТИВНЕЕ, А ЖИЗНЬ СВОБОДНЕЕ

Благодаря готовым учебным материалам для работы в классе и дистанционно

Скидки до 50 % на комплекты
только до

Готовые ключевые этапы урока всегда будут у вас под рукой

Организационный момент

Проверка знаний

Объяснение материала

Закрепление изученного

Итоги урока

923 практика 22.04.2020

Категория: Информатика

Нажмите, чтобы узнать подробности

конечный результат высылаем мне на почту

Просмотр содержимого документа
«923 практика 22.04.2020»

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



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


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


Для добавления таблицы на веб- страницу используется тег-контейнер TABLE. Таблица должна содержать хотя бы одну строку и колонку.


Для добавления строк используются теги и . Чтобы разделить строки на колонки применяются теги и .


Параметры таблицы


Для изменения вида и свойств таблицы используется множество парамет-ров, которые добавляются в теге TABLE.



Описание параметров таблицы и их свойств описано ниже.



Свойство


align=


background= bgcolor= border=


bordercolor=


bordercol-ordark=

cellpadding=


cellspacing=


nowrap







frame=



Значение Left

Right


Center

URL

#rrggbb

n

#rrggbb

#rrggbb

n

n




Void


Above


Below


Lhs


Rhs


Hsides


Vsides


Box




Описание

Пример


Выравнивание таблицы

align=center





Фоновый рисунок

background=pic.gif


Цвет фона таблицы

bgcolor=#FF9900


Толщина рамки в пикселах

border=2


Цвет рамки

border-


color=#333333




Тень рамки

bordercol-


ordark=#f0f0f0




Расстояние между ячейкой

cellpadding=7


и ее содержимым



Дистанция между ячейка-

cellspacing=3


ми



Запрещает переносы строк


в тексте






Задание типа рамки табли- frame=hsides цы


Top

valign= Bottom


n

width= n%



n

height n%



Выравнивание по высоте


Минимальная ширина таб-лицы, можно задавать в пикселах или процентах


Минимальная высота таб-лицы, можно задавать в пикселах или процентах



valign=top



width=90%




height=18


Примечание


  1. Таблица, если не указано особо, всегда выравнивается по левому краю;


  1. Параметр background, отвечающий за рисунок фона, своеобразно по-нимается в разных браузерах. IE вставляет картинку во всю таблицу, если таб-лица по размеру больше фонового рисунка, он повторяется по горизонтали или вертикали. Netscape добавляет фоновое изображение в каждую ячейку табли-цы;

  2. По умолчанию, таблица выводится без рамки. Однако Netscape добав-ляет тонкую линию между ячеек. Чтобы ее не было, всегда указывайте пара-


метр border=0;

  1. Если ширина таблицы не указана, она подгоняется под содержание яче-


ек.


Задание 1


Создать 3 таблицы, используя приведенный ниже листинг



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





ТАБЛИЦА

















Заголовок Таблицы.



Первая ячейка первой строки



Вторая ячейка первой строки




Первая ячейка второй строки



Вторая ячейка второй строки