Презентация по информатике "Основы HTML. Создание таблиц"

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

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

Открывающие теги контейнеров TABLE, TR и TD могут быть снабжены параметрами, часть из которых являются общими для них (применимыми в любом из названных тегов).

Параметры тэга TABLE

-  BORDER– толщина разлиновки таблицы в пикселях или нуль, если разлиновку необходимо отключить (таблицы с «невидимой разлиновкой» – это, пожалуй, наиболее удобный в HTML способ размещения текста и графики, а также многоколонной верстки); если параметр BORDER отсутствует, разлиновка также отключена.

- WIDTH – ширина таблицы (может указываться в пикселях или в процентах от ширины всей Интернет-страницы, тогда после числового значения, присваиваемого данному параметру, записывается знак «%»); если содержимое таблицы требует большего ее размера, чем это указано в параметре WIDTH, значение последнего игнорируется.

 - CELLPADDING и CELLSPACING – отступ в пикселях содержимого ячеек от их границ (по умолчанию равен 1 пикселю).

 -  BGCOLOR – цвет фона таблицы (здесь и в остальных тегах –только для Internet Explorer).

Основы HTML

Таблицы

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

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

Открывающие теги контейнеров

могут быть снабжены параметрами, часть из которых являются общими для них (применимыми в любом из названных тегов). - BORDER – толщина разлиновки таблицы в пикселях или нуль, если разлиновку необходимо отключить (таблицы с «невидимой разлиновкой» – это, пожалуй, наиболее удобный в HTML способ размещения текста и графики, а также многоколонной верстки); если параметр BORDER отсутствует, разлиновка также отключена. " width="640" Параметры тэга TABLE - BORDER – толщина разлиновки таблицы в пикселях или нуль, если разлиновку необходимо отключить (таблицы с «невидимой разлиновкой» – это, пожалуй, наиболее удобный в HTML способ размещения текста и графики, а также многоколонной верстки); если параметр BORDER отсутствует, разлиновка также отключена. - WIDTH – ширина таблицы (может указываться в пикселях или в процентах от ширины всей Интернет-страницы, тогда после числового значения, присваиваемого данному параметру, записывается знак «%»); если содержимое таблицы требует большего ее размера, чем это указано в параметре WIDTH , значение последнего игнорируется. - CELLPADDING и CELLSPACING – отступ в пикселях содержимого ячеек от их границ (по умолчанию равен 1 пикселю). - BGCOLOR – цвет фона таблицы (здесь и в остальных тегах –только для Internet Explorer). - А LIGN – значение LEFT , CENTER или RIGHT указывают горизонтальное выравнивание содержимого для всех ячеек данной строки. - VALIGN – определяет вертикальное выравнивание содержимого всех ячеек строки: значение ТОР предписывает располагать все текстовые строки по верху ячеек, BOTTOM – по низу, CENTER – центрировать их по высоте ячейки. - BGCOLOR – здесь этот параметр определяет отдельный цвет фона только для ячеек данной строки таблицы. " width="640" Параметры тэга TR - А LIGN – значение LEFT , CENTER или RIGHT указывают горизонтальное выравнивание содержимого для всех ячеек данной строки. - VALIGN – определяет вертикальное выравнивание содержимого всех ячеек строки: значение ТОР предписывает располагать все текстовые строки по верху ячеек, BOTTOM – по низу, CENTER – центрировать их по высоте ячейки. - BGCOLOR – здесь этот параметр определяет отдельный цвет фона только для ячеек данной строки таблицы. - WIDTH – ширина ячейки таблицы (в пикселях или в процентах относительно ширины всей таблицы, в последнем случае после числового значения записывается знак «%»); заметим, что важным является указание ширины ячеек только в первой строке таблицы, ширина всех последующих ячеек автоматически устанавливается по расположенным в первой строке, даже если для них установлены иные значения параметра WIDTH. " width="640" Параметры тега TD - WIDTH – ширина ячейки таблицы (в пикселях или в процентах относительно ширины всей таблицы, в последнем случае после числового значения записывается знак «%»); заметим, что важным является указание ширины ячеек только в первой строке таблицы, ширина всех последующих ячеек автоматически устанавливается по расположенным в первой строке, даже если для них установлены иные значения параметра WIDTH. - ALIGN – здесь значение LEFT, CENTER и RIGHT определяет горизонтальное выравнивание содержимого только для данной ячейки. - VALIGN – значение TOP , CENTER или BOTTOM определяет вертикальное выравнивание содержимого только для данной ячейки. - BGCOLOR – определяет отдельный цвет фона для данной ячейки. - COLSPAN и ROWSPAN – объединение нескольких ячеек в одну по горизонтали и вертикали, соответственно. Практическая работа Тема: «Создание таблицы». Задание: Создать таблицу «Моя успеваемость в школе». -80% Курсы дополнительного образования Создание динамических веб-страниц с помощью PHP и MySQL Продолжительность 72 часа Документ: Cвидетельство о прохождении курса 4000 руб. 800 руб. Подробнее Получите комплекты видеоуроков + онлайн версии Электронная тетрадь по информатике 11... Информатика 6 класс ФГОС Информатика 4 класс ФГОС Электронная тетрадь по информатике 6... Информатика 10 класс ФГОС Основы алгоритмизации и... Информатика 5 класс (Россия) Информатика 5 класс ФГОС Скачать разработку Сохранить у себя: Презентация по информатике "Основы HTML. Создание таблиц" (68.5 КB) Презентации по информатике 11 класс 0 774 101   Нравится 0 Добавить эту разработку в избранное Похожие файлы Программа кружка по информатике Мир мультимедиа технологий Рабочая программа элективного курса по информатике в 11 классах Методические указания по выполнению практических занятий по информатике и ИКТ Комментарии 0 Чтобы добавить комментарий зарегистрируйтесь или войдите на сайт Скачивание сейчас начнётся... Не забудьте поделиться материалом в социальных сетях с Вашими коллегами Вы смотрели Презентация по информатике "Основы HTML. Создание таблиц" Обобщение опыта работы над социальным проектом ТЕСТ «Синтаксис и пунктуация». 5 класс "Azotning kislorodli birikmalari" mavzusida taqdimot Урок по теме "Одежа" Формулы сокращенного умножения Проект "Летнее настроение" Зарегистрироваться Электронная почта Такой пользователь уже существует, вы можете войти или восстановить пароль Пароль Повторите пароль Я ученик Я учитель Я родитель Регистрируясь Вы соглашаетесь с пользовательским соглашением и политикой конфиденциальности, а также даёте согласие на получение информационных и рекламных писем от ООО “Мультиурок” на указанный Вами e-mail. Отказаться от рассылки Вы сможете в любой момент, кликнув на ссылку "отказаться от рассылки", которая будет в каждом письме. Или войти с помощью аккаунта в соцсети Войти в профиль Электронная почта Пароль Оставаться в системе Вспомнить пароль Войти в кабинет ученика Или войти с помощью аккаунта в соцсети Зарегистрироваться Восстановление пароля Введите вашу электронную почту, чтобы восстановить пароль!