Разработка web сайта на основе HTML с использованием javascript.

  • 01 нояб. 2010 г.
  • 6540 Слова
Министерство общего и профессионального образования
Свердловской области.
Учебно-технический цент «Омега-1»

Предмет: Информатика

Разработка web сайта на основе HTML с использованием JavaScript.

Исполнитель: Неуймин Николай
ученик 11 «Б» класса
Руководитель: Речкалова Н.В.
учитель ИВТ

Екатеринбург 2005.
Содержание:

Введение
История HTML
Версии HTML
ГипертекстСтруктура WEB-страницы







(1,1)
(1,2)


(2,1)
(2,2)


(3,1)
(3,2)


(1,1)
(1,2)

(2,1)
(2,2)

(3,1)
(3,2)

Атрибуты команды TABLE

Атрибут
Значение
Описание
align
left, right
Выравнивание по горизонтали
width
число или процент
Ширина таблицы
cellpadding
число
Расстояние между содержимым ячейки и рамкой
cellspacing
число
Расстояние междуячейками таблицы
bgcolor
цвет
Цвет фона таблицы
background
файл
Фоновая картинка
border
число
Ширина линий рамки
bordercolor
цвет
Цвет линий рамки
bordercolordark
цвет
Цвет рамки (снизу и справа)
bordercolorlight
цвет
Светлый цвет рамки (сверху и слева)
В приведенных ниже испытателях приводится более подробное описание действий атрибутов, а главное, на стендах можно пощелкатьпереключателями, подергать за "веревочки" и сразу увидеть, что из этого получилось.

Атрибуты команды TR

HTML-таблица состоит из строк, каждая из которых задается командой

описание ячеек табличной строки

Варьируя атрибутами команды TR, можно установить те или иные свойства одновременно для всех ячеек строки.
Атрибут
Значения
Описание
align
left, center, right
Выравнивание по горизонталиvalign
top, center,bottom, baseline
Выравнивание по вертикали
bgcolor
цвет
Цвет фона
bordercolor
цвет
Цвет линий рамки
bordercolordark
цвет
Цвет рамки (снизу и справа)
bordercolorlight
цвет
Светлый цвет рамки (сверху и слева)

Атрибуты команды TD (TH)

Каждая табличная строка состоит из ячеек, которые последовательно описываются командами TD (обычная ячейка) и (или) TH(ячейка-заголовок):
описание содержимого ячейки

описание содержимого ячейки

Содержимое обычной ячейки по умолчанию горизонтально выравнивается по левому краю, а ячейки-заголовка -- по центру. Кроме того, текст в ячейке-заголовке выделяется полужирным шрифтом.
Команды TD и TH имеют следующие атрибуты:
Атрибут
Значения
Описание
align
left, center, right
Выравнивание по горизонтали
valign
top,center, bottom, baseline
Выравнивание по вертикали
width
число или процент
Ширина ячейки
bgcolor
цвет
Цвет фона
background
файл
Фоновая картинка
bordercolor
цвет
Цвет линий рамки
bordercolordark
цвет
Цвет рамки (снизу и справа)
bordercolorlight
цвет
Светлый цвет рамки (сверху и слева)
nowrap
 
Выключение автоматического разрыва строк
colspan
число
Ширина большой ячейки (встолбцах)
rowspan
число
Высота большой ячейки (в строках)

Многоликие таблицы

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

В обычных книгах текст не начинается с самого края -- страничныеполя выделяют информационные блоки и, следовательно, помогают глазам более комфортно воспринимать материал.
В гипертекстовом документе можно создать поля, если размещать информацию внутри таблицы, состоящей всего из одной клетки с невидимыми границами. При изменении значения атрибута cellpadding, меняется ширина полей.
Обычное размещение
Размещение в таблице
Малютку сына - баю-бай! -
Прижмипокрепче к сердцу
И никогда не забывай
Задать ребенку перцу!
"Алиса в стране Чудес"
Малютку сына - баю-бай! -
Прижми покрепче к сердцу
И никогда не забывай
Задать ребенку перцу!
"Алиса в стране Чудес"

Можно задать поля и при помощи пустых столбцов:

Размещение в таблице
Здесь border=1
 
Баюкай сына своего
Хорошею дубиной -
Увидишь, будет у него...
tracking img