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

Содержание

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

Слайд 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="число"

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

Системы счисления 313
Введение в техническое зрение 331
Основы информационной безопасности. Организационные меры обеспечения ИБ в АС. (Тема 2.2) 254
Оформление списка источников и литературы в исследовательской работе 269
Выделение участков изображения тепловизора с помощью цветового кодирования 258
Языки программирования Fortran, Lisp, Cobol 373

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

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

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

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

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

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

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