Презентация по информатике "Основы 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% Курсы повышения квалификации Организация и сопровождение олимпиадной деятельности учащихся Продолжительность 72 часа Документ: Удостоверение о повышении квалификации 4000 руб. 800 руб. Подробнее Получите комплекты видеоуроков + онлайн версии Электронная тетрадь по информатике 5... Электронная тетрадь по информатике 5... Электронная тетрадь по информатике 7... Информатика 8 класс ФГОС Творческие задания в Sсratch 5-6 классы Информационная безопасность Информатика 6 класс ФГОС Электронная тетрадь по информатике 6... Скачать разработку Сохранить у себя: Презентация по информатике "Основы HTML. Создание таблиц" (68.5 КB) Презентации по информатике 11 класс 0 684 101   Нравится 0 Добавить эту разработку в избранное Похожие файлы Программа кружка по информатике Мир мультимедиа технологий Рабочая программа элективного курса по информатике в 11 классах Методические указания по выполнению практических занятий по информатике и ИКТ Комментарии 0 Чтобы добавить комментарий зарегистрируйтесь или войдите на сайт Скачивание сейчас начнётся... Не забудьте поделиться материалом в социальных сетях с Вашими коллегами Вы смотрели Презентация по информатике "Основы HTML. Создание таблиц" Зарегистрироваться Электронная почта Такой пользователь уже существует, вы можете войти или восстановить пароль Пароль Повторите пароль Я ученик Я учитель Я родитель Регистрируясь Вы соглашаетесь с пользовательским соглашением и политикой конфиденциальности, а также даёте согласие на получение информационных и рекламных писем от ООО “Мультиурок” на указанный Вами e-mail. Отказаться от рассылки Вы сможете в любой момент, кликнув на ссылку "отказаться от рассылки", которая будет в каждом письме. Или войти с помощью аккаунта в соцсети Войти в профиль Электронная почта Пароль Оставаться в системе Вспомнить пароль Войти в кабинет ученика Или войти с помощью аккаунта в соцсети Зарегистрироваться Восстановление пароля Введите вашу электронную почту, чтобы восстановить пароль!