Таблицы в HTML презентация

Содержание

Слайд 1Таблицы в HTML

Слайд 2Таблица в одну строку


  1  
  2  

  3  


Слайд 3Таблица в несколько строк


 1.1 
 1.2 

 1.3 


 2.1 
 2.2 
 2.3 


 3.1 
 3.2 
 3.3 


Слайд 4Шапка таблицы


Фамилия
Имя
Отчество


Барышников
Сергей
Николаевич


Павлов
Илья
Владимирович


Шутов
Михаил
Михайлович


Слайд 5Заголовок таблицы

Список сотрудников
.
.

.

Слайд 6Выравнивание текста в ячейках








Left-Top
Center-Top
Right-Top








Left-Middle
Center-Middle
Right-Middle








Left-Bottom
Center-Bottom
Right-Bottom


Слайд 7Объединение ячеек


...


...
...


...
...


Слайд 8Объединение ячеек


...
...

...


...
...
...


...
...


Слайд 9Объединение ячеек


Стоимость размещения


Номер
Период


01.01-31.01
01.02-28.02
01.03-31.03


Standart
Одноместный
100$
90$
150$


Двухместный
150$
140$
200$


Lux
Одноместный
200$
190$
250$


Двухместный
250$
240$
300$


Слайд 10Изменение цвета в таблице
Пример:


Пример:

Слайд 11Изменение размера таблицы
Язык HTML позволяет создавать таблицу как фиксированной ширины, так

и пропорционально размеру окна браузера.

Пример:

Слайд 12Изменение размера таблицы






WIDTH=50%>

Слайд 13Изменение размера таблицы
Изменение ширины разрыва между соседними ячейками.

Пример:


Установка отступа

текста от границы ячейки (клеточный отступ – cell padding).

Пример:

Слайд 14Группировка элементов таблицы
Теги:
… (один)
… (один)
… (м.б. несколько)

Слайд 15Определение порядка обхода элементов таблицы по клавише табуляции
Атрибут tabindex устанавливает

порядок получения фокуса при переходе между элементами с помощью клавиши Tab.

tabindex="число"

Похожие презентации

Язык программирования Python 823
Модуль автоматизации учета объектов информационной системы Департамента экологической безопасности и природопользования 321
Разработка системы сбора и единого центра хранения информации, раскрываемой эмитентами в сети интернет 285
Информационные ресурсы 272
Массивы. Основные теоретические сведения. Примеры решения задач. (9 класс) 384
Операци сравнения. Логические операторы 512

Обратная связь

Если не удалось найти и скачать презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

Email: Нажмите что бы посмотреть 

Что такое ThePresentation.ru?

Это сайт презентаций, докладов, проектов, шаблонов в формате PowerPoint. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами с другими пользователями.

Для правообладателей

Яндекс.Метрика