Tables – таблицы

…
Простая таблица может содержать один или более тегов:
tr – определяет строку таблицы
th – определяет заголовочную ячейку таблицы
td – определяет простую ячейку таблицы (для данных)
Более сложные таблицы дополнительно могут включать теги:
caption, col, colgroup,
thead, tfoot, tbody.

Атрибуты тега
Слайд 4
Атрибуты тега
Слайд 5
Атрибуты тега
Слайд 6
CSS Tables
Table Borders
table, th, td
{
border: 1px solid black;
}
Collapse Borders
table
{
border-collapse:collapse;
}
Table Width and Height
table
{
width:100%;
}
th
{
height:50px;
}
Table
caption
caption {caption-side:bottom;}
Table Text Alignment
td, th
{
text-align:right;
height:50px;
vertical-align:bottom;
}
Table Padding
td, th
{
padding:15px;
}
Table Color
table, td, th
{
border:1px solid green;
}
th
{
background-color:green;
color:white;
}
Слайд 7
Определяет заголовок таблицы
Для таблицы может быть описан только один заголовок.
Должен
помещаться сразу после открывающего тега
…
…
Атрибут align - Not in HTML 5
left – слева сверху
right – справа сверху
top – сверху по центру таблицы
bottom – снизу по центру таблицы
CSS:
caption-side: top|bottom|initial|inherit;
text-align: left|right|center|justify|initial|inherit;
caption {
display: table-caption;
text-align: center;}
EXAMPLES\ex12_05.html
Слайд 8
…
Задает описание строки таблицы.
Должен содержать один или более элементов th
или td
EXAMPLES\ex12_06.html
Слайд 9
,
определяет ячейку таблицы.
Два вида ячеек:
ячейки заголовка (th)
стандартные ячейки (td)
Если
в ячейке нет содержимого, то лучше поставить
По умолчанию (не во всех браузерах):
Текст в заголовочных ячейках (th) - bold и centered.
Текст в стандартных ячейках (td) - regular и left-aligned.
Слайд 10
Атрибуты тегов
, ,
Большую таблицу рекомендуется разбивать на группу рядов:
Заголовок таблицы
…
…
и
Слайд 11
Атрибуты тегов
и
Слайд 12
Атрибуты тегов
и
Слайд 13
axis="contact">Address
Name
Email
Phone
John Doe
[e-mail]
[phone]
Rosevn 56,4300 Sandnes,Norway
Слайд 14
Таблицы c нестандартной структурой
1
2
3
4
5
6
7
EXAMPLES\ex12_07.html
описание:
1-ый ряд: 1, 2
2-ый ряд: 3, 4
3-ый ряд: 5, 6
4-ый ряд: 7
Слайд 15
--- заголовочная
информация (относится ко всему содержимому)
..
..
--- последний ряд (ряды)
..
--- основная информация (может быть несколько )
..
..
должен быть описан до
эти теги частично поддеживаются броузерами.
Теги являются контейнерными
Это позволяет:
Вначале загружается заголовок, потом последние ряды, только потом содержимое
При длинной таблице – заголовок и последние строки (итого...) всегда видны, содержимое – сколько помещается caption
caption {caption-side:bottom;}
Table Text Alignment
td, th
{
text-align:right;
height:50px;
vertical-align:bottom;
}
Table Padding
td, th
{
padding:15px;
}
Table Color
table, td, th
{
border:1px solid green;
}
th
{
background-color:green;
color:white;
}

Атрибуты тега

Атрибуты тега

CSS Tables
Table Borders
table, th, td
{
border: 1px solid black;
}
Collapse Borders
table
{
border-collapse:collapse;
}
Table Width and Height
table
{
width:100%;
}
th
{
height:50px;
}
Table caption
caption {caption-side:bottom;}
Table Text Alignment
td, th
{
text-align:right;
height:50px;
vertical-align:bottom;
}
Table Padding
td, th
{
padding:15px;
}
Table Color
table, td, th
{
border:1px solid green;
}
th
{
background-color:green;
color:white;
}

Атрибуты тегов

Атрибуты тегов

Атрибуты тегов

axis="contact">Address
Name
Email
Phone
John Doe
[e-mail]
[phone]
Rosevn 56,4300 Sandnes,Norway axis="contact">Address

Таблицы c нестандартной структурой
1
2
3
4
5
6
7
EXAMPLES\ex12_07.html
описание:
1-ый ряд: 1, 2
2-ый ряд: 3, 4
3-ый ряд: 5, 6
4-ый ряд: 7

Атрибуты , ,

…
Группировать можно и столбцы, например, чтобы одинаково оформить
align="center" style="color:#FF0000;">
ISBN
Title
Price
Comments
3476896
My first HTML
$53
AAAAA
123
HTML
$100
BB
должен быть внутри , распологаться после , , и .
EXAMPLES\ex12_08.html
Слайд 18
Атрибуты
НЕ всеми браузерами поддерживаются!!!
Слайд 19
Позволяет задать различные значения совойств столбцов внутри группы
и до элементов
span="3" style="background-color:red">
ISBN
Title
Price
3476896
My first HTML
$53
Определяет значения атрибутов для одного или более столбцов таблицы.
Должен быть внутри или .
Не всеми браузерами поддерживается.
Не имеет конечного тега
Слайд 20
Атрибуты
Слайд 21
table
summary="This table summarizes travel epenses incurred during
August trips to San Jose and Seattle">
EXAMPLES\table.html
Скачать
- Предыдущая
Чемпионат северо-западного федерального округа по тхэквондо ГТФ 18 лет и старше, г. Архангельск
Следующая -
Факультет прикладной математики и вычислительной техники (для абитуриентов)
Похожие презентации
Елена в Инстаграм
Позиционные системы счисления
Одиннадцатый час. Выпуск №1
Система автоматизированного проектирования (САПР)
Оконное приложение С++. Матрица
История развития вычислительной техники
Абстрактные типы данных. Структуры данных
Информационная безопасность
Полиморфизм. Лекция 6
Основные виды
Безопасность в интернете
Базы данных в MS Excel-1
Косимуляция Matlab- PSIM
Измерение информации. 7 класс
Семейство стандартов IDEF
Интерактивные игровые формы работы в виртуальном поле библиотеки
Самые популярные сообщения
Диаграмма вариантов использования
Л_2_3 Взаимодействие РНР и html-формы
Ремонт и обслуживание системы охлаждения в персональном компьютере
Информ_лек2_информатика компьютинг (2)
Сетка / пропорции
Системы автоматизированного проектирования для профессиональной деятельности инженера
Схема личного электронного письма
Основные понятия алгоритмизации
Система управления базами данных (СУБД)
Телевидение Persik. Инструкция по генерации кода
Программное обеспечение компьютера
(function(d,s){d.getElementById("licnt7D89").src=
"https://counter.yadro.ru/hit?t12.1;r"+escape(d.referrer)+
((typeof(s)=="undefined")?"":";s"+s.width+"*"+s.height+"*"+
(s.colorDepth?s.colorDepth:s.pixelDepth))+";u"+escape(d.URL)+
";h"+escape(d.title.substring(0,150))+";"+Math.random()})
(document,screen)
Обратная связь
Для правообладателей
Email:
Нажмите что бы посмотреть
Travel Expense Report
Meals
Hotels
Transport
Subtotals
Totals
196.27
442.00
162.00
800.27
window.__NUXT__=(function(a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V){return {data:{meta:{result:{meta:{h1:n,main_text:a,main_title:o,main_description:p,main_keywords:q,main_image:a},app:{logo_image:r,logo_image_width:i,logo_image_height:s,logo_text:t,image_width_full:u,image_width_min:v,recaptcha_key:w,yandex_search:x,ya_context:e,banner_1:a,banner_2:a,banner_3:a,banner_4:a,banner_5:a,banner_6:a,banner_7:a,banner_8:a,banner_9:a,banner_10:a,email:y,footer_before:z,footer:A,dark_theme:d,strategy:{image_alt_words:h,item_slide_header:B,item_images:C,item_images_tag:D,item_words_h3:d,item_words_tag:E,item_words_1:h,routing:F,item_slide_skipping:G,item_download_timeout:H},colors:{header_text:j,header_bg:k,accent:I}},social:J}},item:{result:{id:1136370,name:"Tables – таблицы",category:K,count:L,jpg:"jpg\u002F1136370",hits:39,download:b,h1:a,meta:{h1:"Tables – таблицы ",title:"Tables – таблицы презентация",description:"Tables – таблицы презентация, доклад, проект, Информатика ",keywords:"Tables – таблицы, презентация, доклад, проект, скачать презентацию на тему, PowerPoint, скачати презентацію, фон, шаблон, урок, конспект, класс, школа, класс, Информатика",download_link:a},text:"\u003Cp style=\"text-align: justify;\" \u002F\u003EПрезентация на тему Tables – таблицы, из раздела: Информатика.  Презентацию в формате PowerPoint (pptx) можно скачать внизу страницы, поделившись ссылкой в социальных сетях! Презентации взяты из открытого доступа или загружены их авторами, администрация сайта не отвечает за достоверность информации в них. Все права принадлежат авторам материалов: \u003Ca href=\"politika-zashchity-avtorskih-prav\"\u003EПолитика защиты авторских прав\u003C\u002Fa\u003E",seo_text:"\u003Cp\u003E\u003Ctable\u003E … \u003C\u002Ftable\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cbr\u003EПростая таблица может содержать один или более тегов:\u003Cbr\u003E\u003Cbr\u003Etr – определяет строку таблицы\u003Cbr\u003Eth – определяет заголовочную ячейку таблицы\u003Cbr\u003Etd – определяет простую ячейку таблицы (для данных)\u003Cbr\u003E\u003Cbr\u003EБолее сложные таблицы дополнительно могут включать теги: \u003Cbr\u003E\u003Cbr\u003Ecaption, col, colgroup, \u003Cbr\u003Ethead, tfoot, tbody. \u003Cbr\u003E \u003Cp\u003EАтрибуты тега \u003Ctable\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cbr\u003E",texts:["\u003Cp\u003ETables – таблицы\u003Cbr\u003E","\u003Cp\u003E\u003Ctable\u003E … \u003C\u002Ftable\u003E\u003Cbr\u003EПростая таблица может содержать один или более тегов:\u003Cbr\u003Etr – определяет строку таблицы\u003Cbr\u003Eth – определяет заголовочную ячейку таблицы\u003Cbr\u003Etd – определяет простую ячейку таблицы (для данных)\u003Cbr\u003EБолее сложные таблицы дополнительно могут включать теги: \u003Cbr\u003Ecaption, col, colgroup, \u003Cbr\u003Ethead, tfoot, tbody. \u003Cbr\u003E",l,l,l,"\u003Cp\u003ECSS Tables\u003Cbr\u003E\u003Cp\u003ETable Borders\u003Cbr\u003Etable, th, td\r\n{\r\nborder: 1px solid black;\r\n}\u003Cbr\u003E\r\nCollapse Borders\u003Cbr\u003Etable\r\n{\r\nborder-collapse:collapse;\r\n}\u003Cbr\u003E\r\nTable Width and Height\u003Cbr\u003Etable \r\n{\r\nwidth:100%;\r\n}\r\nth\r\n{\r\nheight:50px;\r\n}\u003Cbr\u003E\r\nTable caption\u003Cbr\u003Ecaption {caption-side:bottom;}\u003Cbr\u003E\u003Cp\u003ETable Text Alignment\u003Cbr\u003Etd, th\r\n{\r\ntext-align:right;\r\nheight:50px;\r\nvertical-align:bottom;\r\n}\u003Cbr\u003E\r\nTable Padding\u003Cbr\u003Etd, th\r\n{\r\npadding:15px;\r\n}\u003Cbr\u003ETable Color\u003Cbr\u003Etable, td, th\r\n{\r\nborder:1px solid green;\r\n}\r\nth\r\n{\r\nbackground-color:green;\r\ncolor:white;\r\n}\u003Cbr\u003E\r\n\u003Cbr\u003E","\u003Cp\u003E\u003Ccaption\u003E … \u003C\u002Fcaption\u003E\u003Cbr\u003E\u003Cp\u003EОпределяет заголовок таблицы\u003Cbr\u003EДля таблицы может быть описан только один заголовок.\u003Cbr\u003EДолжен помещаться сразу после открывающего тега \u003Ctable\u003E\u003Cbr\u003E\t\u003Ctable\u003E\r\n \u003Ccaption\u003E Заголовок таблицы\u003C\u002Fcaption\u003E\r\n \u003Ctr\u003E…\u003Cbr\u003EАтрибут align - Not in HTML 5 \u003Cbr\u003E\tleft – слева сверху\u003Cbr\u003E\tright – справа сверху\u003Cbr\u003E\ttop – сверху по центру таблицы\u003Cbr\u003E\tbottom – снизу по центру таблицы\u003Cbr\u003ECSS:\u003Cbr\u003Ecaption-side: top|bottom|initial|inherit;\u003Cbr\u003Etext-align: left|right|center|justify|initial|inherit;\u003Cbr\u003Ecaption { \r\n display: table-caption;\r\n text-align: center;}\u003Cbr\u003E\t\t\t\t\tEXAMPLES\\ex12_05.html\u003Cbr\u003E","\u003Cp\u003E\u003Ctr\u003E … \u003C\u002Ftr\u003E\u003Cbr\u003E\u003Cp\u003EЗадает описание строки таблицы.\u003Cbr\u003EДолжен содержать один или более элементов th или td \u003Cbr\u003E\u003Cbr\u003EEXAMPLES\\ex12_06.html\u003Cbr\u003E","\u003Cp\u003E\u003Ctd\u003E…\u003C\u002Ftd\u003E, \u003Cth\u003E…\u003C\u002Fth\u003E\u003Cbr\u003E\u003Cp\u003Eопределяет ячейку таблицы.\u003Cbr\u003EДва вида ячеек: \u003Cbr\u003Eячейки заголовка (th) \u003Cbr\u003Eстандартные ячейки (td)\u003Cbr\u003EЕсли в ячейке нет содержимого, то лучше поставить  \u003Cbr\u003EПо умолчанию (не во всех браузерах): \u003Cbr\u003EТекст в заголовочных ячейках (th) - bold и centered.\u003Cbr\u003EТекст в стандартных ячейках (td) - regular и left-aligned.\u003Cbr\u003E",m,m,m,"\u003Cp\u003E\u003Ctable style=\"border:1px; width:100%;\"\u003E\u003Cbr\u003E \u003Ctr\u003E\r\n \u003Cth axis=\"name\"\u003EName\u003C\u002Fth \u003E\r\n \u003Cth axis=\"contact\"\u003EEmail\u003C\u002Fth\u003E\r\n \u003Cth axis=\"contact\"\u003EPhone\u003C\u002Fth\u003E\r\n \u003Cth axis=\"contact\"\u003EAddress\u003C\u002Fth\u003E\r\n\u003C\u002Ftr\u003E\r\n\u003Ctr\u003E\r\n \u003Ctd\u003EJohn Doe\u003C\u002Ftd\u003E\r\n \u003Ctd\[e-mail]\u003C\u002Ftd\u003E\r\n \u003Ctd\u003E+45342323\u003C\u002Ftd\u003E\r\n \u003Ctd\u003ERosevn 56,4300 Sandnes,Norway\u003C\u002Ftd\u003E\r\n\u003C\u002Ftr\u003E\u003Cbr\u003E\u003C\u002Ftable\u003E \u003Cbr\u003E","\u003Cp\u003EТаблицы c нестандартной структурой\u003Cbr\u003E\u003Cp\u003E\u003Ctable width=\"100\" border=\"1\"\u003E\u003Cbr\u003E \u003Ctr\u003E\u003Cbr\u003E \u003Ctd rowspan=\"4\"\u003E1\u003C\u002Ftd\u003E\u003Cbr\u003E \u003Ctd colspan=\"2\"\u003E2\u003C\u002Ftd\u003E\u003Cbr\u003E \u003C\u002Ftr\u003E\u003Cbr\u003E \u003Ctr\u003E\u003Cbr\u003E \u003Ctd\u003E3\u003C\u002Ftd\u003E\u003Cbr\u003E \u003Ctd\u003E4\u003C\u002Ftd\u003E\u003Cbr\u003E \u003C\u002Ftr\u003E\u003Cbr\u003E \u003Ctr\u003E\u003Cbr\u003E \u003Ctd rowspan=\"2\"\u003E5\u003C\u002Ftd\u003E\u003Cbr\u003E \u003Ctd\u003E6\u003C\u002Ftd\u003E\u003Cbr\u003E \u003C\u002Ftr\u003E\u003Cbr\u003E \u003Ctr\u003E\u003Cbr\u003E \u003Ctd\u003E7\u003C\u002Ftd\u003E\u003Cbr\u003E \u003C\u002Ftr\u003E\u003Cbr\u003E\u003C\u002Ftable\u003E\u003Cbr\u003E EXAMPLES\\ex12_07.html\u003Cbr\u003E\u003Cp\u003Eописание:\u003Cbr\u003E1-ый ряд: 1, 2\u003Cbr\u003E2-ый ряд: 3, 4\u003Cbr\u003E3-ый ряд: 5, 6\u003Cbr\u003E4-ый ряд: 7\u003Cbr\u003E","\u003Cp\u003E\u003Cthead\u003E, \u003Ctfoot\u003E, \u003Ctbody\u003E\u003Cbr\u003E\u003Cp\u003EБольшую таблицу рекомендуется разбивать на группу рядов:\u003Cbr\u003E\u003Ctable\u003E\u003Cbr\u003E \u003Cthead\u003E --- заголовочная информация (относится ко всему содержимому)\u003Cbr\u003E \u003Ctr\u003E..\u003C\u002Ftr\u003E\u003Cbr\u003E \u003Ctr\u003E..\u003C\u002Ftr\u003E\u003Cbr\u003E \u003C\u002Fthead\u003E\u003Cbr\u003E \u003Ctfoot\u003E\t--- последний ряд (ряды)\u003Cbr\u003E \u003Ctr\u003E..\u003C\u002Ftr\u003E\u003Cbr\u003E \u003C\u002Ftfoot\u003E\u003Cbr\u003E \u003Ctbody\u003E\t--- основная информация (может быть несколько \u003Ctbody\u003E)\u003Cbr\u003E \u003Ctr\u003E..\u003C\u002Ftr\u003E\u003Cbr\u003E \u003Ctr\u003E..\u003C\u002Ftr\u003E\u003Cbr\u003E \u003C\u002Ftbody\u003E\u003Cbr\u003E\u003C\u002Ftable\u003E\u003Cbr\u003E\u003Ctfoot\u003E должен быть описан до \u003Ctbody\u003E\u003Cbr\u003Eэти теги частично поддеживаются броузерами.\u003Cbr\u003EТеги являются контейнерными\u003Cbr\u003EЭто позволяет:\u003Cbr\u003EВначале загружается заголовок, потом последние ряды, только потом содержимое\u003Cbr\u003EПри длинной таблице – заголовок и последние строки (итого...) всегда видны, содержимое – сколько помещается\u003Cbr\u003E","\u003Cp\u003EАтрибуты \u003Cthead\u003E, \u003Ctfoot\u003E, \u003Ctbody\u003E\u003Cbr\u003E","\u003Cp\u003E\u003Ccolgroup\u003E … \u003C\u002Fcolgroup\u003E \u003Cbr\u003E\u003Cp\u003EГруппировать можно и столбцы, например, чтобы одинаково оформить\u003Cbr\u003E\u003Ctable width=\"50%\" border=\"1\"\u003E\u003Cbr\u003E \u003Ccolgroup span=\"2\" align=\"center\" style=\"color:#FF0000;\"\u003E\u003C\u002Fcolgroup\u003E\u003Cbr\u003E \u003Ccolgroup align=\"right\" style=\"color:#0000FF;\"\u003E\u003C\u002Fcolgroup\u003E\u003Cbr\u003E \u003Cbr\u003E \u003Ctr\u003E\u003Cbr\u003E \u003Cth\u003EISBN\u003C\u002Fth\u003E\u003Cbr\u003E \u003Cth\u003ETitle\u003C\u002Fth\u003E\u003Cbr\u003E \u003Cth\u003EPrice\u003C\u002Fth\u003E\u003Cbr\u003E \u003Cth\u003EComments\u003C\u002Fth\u003E\u003Cbr\u003E \u003C\u002Ftr\u003E\u003Cbr\u003E \u003Ctr\u003E\u003Cbr\u003E \u003Ctd\u003E3476896\u003C\u002Ftd\u003E\u003Cbr\u003E \u003Ctd\u003EMy first HTML\u003C\u002Ftd\u003E\u003Cbr\u003E \u003Ctd\u003E$53\u003C\u002Ftd\u003E\u003Cbr\u003E \u003Ctd\u003EAAAAA\u003C\u002Ftd\u003E\u003Cbr\u003E \u003C\u002Ftr\u003E\u003Cbr\u003E \u003Ctr\u003E\u003Cbr\u003E \u003Ctd\u003E123\u003C\u002Ftd\u003E\u003Cbr\u003E \u003Ctd\u003EHTML\u003C\u002Ftd\u003E\u003Cbr\u003E \u003Ctd\u003E$100\u003C\u002Ftd\u003E\u003Cbr\u003E \u003Ctd\u003EBB\u003C\u002Ftd\u003E\u003Cbr\u003E \u003C\u002Ftr\u003E\u003Cbr\u003E\u003C\u002Ftable\u003E\u003Cbr\u003E\u003Ccolgroup\u003E должен быть внутри \u003Ctable\u003E, распологаться после \u003Ccaption\u003E и до элементов \u003Cthead\u003E, \u003Ctbody\u003E, \u003Ctfoot\u003E и \u003Ctr\u003E.\u003Cbr\u003EEXAMPLES\\ex12_08.html\u003Cbr\u003E","\u003Cp\u003EАтрибуты \u003Ccolgroup\u003E\u003Cbr\u003E\u003Cp\u003EНЕ всеми браузерами поддерживаются!!!\u003Cbr\u003E\u003Ccolgroup span=“2” align=\"char\" char=\".\"\u003E\u003C\u002Fcolgroup\u003E\u003Cbr\u003E","\u003Cp\u003E\u003Ccol \u002F\u003E \u003Cbr\u003E\u003Cp\u003EПозволяет задать различные значения совойств столбцов внутри группы \u003Ccolgroup\u003E\u003Cbr\u003E\u003Ctable width=\"100%\" border=\"1\"\u003E\r\n\u003Ccolgroup span=\"3\" style=\"background-color:red\"\u003E\u003Cbr\u003E \u003Ccol \u002F\u003E \u003Cbr\u003E \u003Ccol style=\"background-color:yellow\";\u002F\u003E\u003Cbr\u003E \u003Ccol \u002F\u003E\u003Cbr\u003E\u003C\u002Fcolgroup\u003E \u003Cbr\u003E \u003Ctr\u003E\r\n \u003Cth\u003EISBN\u003C\u002Fth\u003E\r\n \u003Cth\u003ETitle\u003C\u002Fth\u003E\r\n \u003Cth\u003EPrice\u003C\u002Fth\u003E\r\n \u003C\u002Ftr\u003E\r\n \u003Ctr\u003E\r\n \u003Ctd\u003E3476896\u003C\u002Ftd\u003E\r\n \u003Ctd\u003EMy first HTML\u003C\u002Ftd\u003E\r\n \u003Ctd\u003E$53\u003C\u002Ftd\u003E\r\n \u003C\u002Ftr\u003E\u003Cbr\u003E\u003C\u002Ftable\u003E\u003Cbr\u003EОпределяет значения атрибутов для одного или более столбцов таблицы.\u003Cbr\u003EДолжен быть внутри \u003Ctable\u003E или \u003Ccolgroup\u003E.\u003Cbr\u003EНе всеми браузерами поддерживается.\u003Cbr\u003EНе имеет конечного тега\u003Cbr\u003E","\u003Cp\u003EАтрибуты \u003Ccol \u002F\u003E \u003Cbr\u003E","\u003Cp\u003E\u003Chtml\u003E\u003Cbr\u003E\u003Chead\u003E\u003Cbr\u003E \u003Ctitle\u003Etable\u003C\u002Ftitle\u003E\u003Cbr\u003E\u003C\u002Fhead\u003E\u003Cbr\u003E\u003Cbody\u003E\u003Cbr\u003E\u003Ctable border=\"7\" frame=\"box\" width=\"500\" rules=\"groups\"\u003Cbr\u003E\tsummary=\"This table summarizes travel epenses incurred during August trips to San Jose and Seattle\"\u003E\u003Cbr\u003E\u003Ccaption\u003E Travel Expense Report \u003C\u002Fcaption\u003E\u003Cbr\u003E\u003Ccolgroup width=30%\u003E\u003C\u002Fcolgroup\u003E\u003Cbr\u003E\u003Ccolgroup span=\"3\" width=15%\u003E\u003C\u002Fcolgroup\u003E\u003Cbr\u003E\u003Ccolgroup width=25%\u003E\u003C\u002Fcolgroup\u003E\u003Cbr\u003E\u003C!-- ***************** thead ***************** --\u003E\u003Cbr\u003E\u003Cthead\u003E\u003Cbr\u003E \u003Ctr\u003E\u003Cbr\u003E \u003Cth\u003E \u003C\u002Fth\u003E\u003Cbr\u003E \u003Cth id=\"a2\" axis=\"expenses\"\u003EMeals\u003C\u002Fth\u003E\u003Cbr\u003E \u003Cth id=\"a3\" axis=\"expenses\"\u003EHotels\u003C\u002Fth\u003E\u003Cbr\u003E \u003Cth id=\"a4\" axis=\"expenses\"\u003ETransport\u003C\u002Fth\u003E\u003Cbr\u003E \u003Ctd\u003ESubtotals\u003C\u002Ftd\u003E\u003Cbr\u003E \u003C\u002Ftr\u003E\u003Cbr\u003E\u003C\u002Fthead\u003E\u003Cbr\u003E\u003C!-- ***************** tfoot ***************** --\u003E\u003Cbr\u003E\u003Ctfoot\u003E\u003Cbr\u003E \u003Ctr bgcolor=\"aqua\"\u003E\u003Cbr\u003E \u003Cth\u003ETotals\u003C\u002Fth\u003E\u003Cbr\u003E \u003Ctd\u003E196.27\u003C\u002Ftd\u003E\u003Cbr\u003E \u003Ctd\u003E442.00\u003C\u002Ftd\u003E\u003Cbr\u003E \u003Ctd\u003E162.00\u003C\u002Ftd\u003E\u003Cbr\u003E \u003Ctd\u003E800.27\u003C\u002Ftd\u003E\u003Cbr\u003E \u003C\u002Ftr\u003E\u003Cbr\u003E\u003C\u002Ftfoot\u003E\u003Cbr\u003E\u003Cbr\u003EEXAMPLES\\table.html\u003Cbr\u003E","\u003Cp\u003E\u003C!-- ***************** tbody_1 ***************** --\u003E\u003Cbr\u003E\u003Ctbody\u003E\u003Cbr\u003E \u003Ctr\u003E\u003Cbr\u003E \u003Cth id=\"a6\" axis=\"location\"\u003ESan Jose\u003C\u002Fth\u003E\u003Cbr\u003E \u003Cth\u003E \u003C\u002Fth\u003E\u003Cbr\u003E \u003Cth\u003E \u003C\u002Fth\u003E\u003Cbr\u003E \u003Cth\u003E \u003C\u002Fth\u003E\u003Cbr\u003E \u003Ctd\u003E \u003C\u002Ftd\u003E\u003Cbr\u003E \u003C\u002Ftr\u003E\u003Cbr\u003E \u003Ctr\u003E\u003Cbr\u003E \u003Ctd id=\"a7\" axis=\"date\"\u003E25-Aug-97\u003C\u002Ftd\u003E\u003Cbr\u003E \u003Ctd headers=\"a6 a7 a2\"\u003E37.74\u003C\u002Ftd\u003E\u003Cbr\u003E \u003Ctd headers=\"a6 a7 a3\"\u003E112.00\u003C\u002Ftd\u003E\u003Cbr\u003E \u003Ctd headers=\"a6 a7 a4\"\u003E45.00\u003C\u002Ftd\u003E\u003Cbr\u003E \u003Ctd\u003E \u003C\u002Ftd\u003E\u003Cbr\u003E \u003C\u002Ftr\u003E\u003Cbr\u003E \u003Ctr\u003E\u003Cbr\u003E \u003Ctd id=\"a8\" axis=\"date\"\u003E26-Aug-97\u003C\u002Ftd\u003E\u003Cbr\u003E \u003Ctd headers=\"a6 a8 a2\"\u003E27.28\u003C\u002Ftd\u003E\u003Cbr\u003E \u003Ctd headers=\"a6 a8 a3\"\u003E112.00\u003C\u002Ftd\u003E\u003Cbr\u003E \u003Ctd headers=\"a6 a8 a4\"\u003E45.00\u003C\u002Ftd\u003E\u003Cbr\u003E \u003Ctd\u003E \u003C\u002Ftd\u003E\u003Cbr\u003E \u003C\u002Ftr\u003E\u003Cbr\u003E \u003Ctr bgcolor=\"silver\"\u003E\u003Cbr\u003E \u003Ctd\u003ESubtotals\u003C\u002Ftd\u003E\u003Cbr\u003E \u003Ctd\u003E65.02\u003C\u002Ftd\u003E\u003Cbr\u003E \u003Ctd\u003E224.00\u003C\u002Ftd\u003E\u003Cbr\u003E \u003Ctd\u003E90.00\u003C\u002Ftd\u003E\u003Cbr\u003E \u003Ctd\u003E379.02\u003C\u002Ftd\u003E\u003Cbr\u003E \u003C\u002Ftr\u003E\u003Cbr\u003E\u003C\u002Ftbody\u003E\u003Cbr\u003E\u003C!-- ***************** tbody_2 ***************** --\u003E\u003Cbr\u003E\u003Ctbody\u003E\u003Cbr\u003E \u003Ctr\u003E\u003Cbr\u003E \u003Cth id=\"a10\" axis=\"location\"\u003ESeattle\u003C\u002Fth\u003E\u003Cbr\u003E \u003Cth\u003E \u003C\u002Fth\u003E\u003Cbr\u003E \u003Cth\u003E \u003C\u002Fth\u003E\u003Cbr\u003E \u003Cth\u003E \u003C\u002Fth\u003E\u003Cbr\u003E \u003Ctd\u003E \u003C\u002Ftd\u003E\u003Cbr\u003E \u003C\u002Ftr\u003E\u003Cbr\u003E \u003Cbr\u003E\u003Cp\u003E\u003Ctr\u003E\u003Cbr\u003E \u003Ctd id=\"a11\" axis=\"date\"\u003E27-Aug-97\u003C\u002Ftd\u003E\u003Cbr\u003E \u003Ctd headers=\"a10 a11 a2\"\u003E96.25\u003C\u002Ftd\u003E\u003Cbr\u003E \u003Ctd headers=\"a10 a11 a3\"\u003E109.00\u003C\u002Ftd\u003E\u003Cbr\u003E \u003Ctd headers=\"a10 a11 a4\"\u003E36.00\u003C\u002Ftd\u003E\u003Cbr\u003E \u003Ctd\u003E \u003C\u002Ftd\u003E\u003Cbr\u003E \u003C\u002Ftr\u003E\u003Cbr\u003E\u003Ctr\u003E\u003Cbr\u003E \u003Ctd id=\"a12\" axis=\"date\"\u003E28-Aug-97\u003C\u002Ftd\u003E\u003Cbr\u003E \u003Ctd headers=\"a10 a12 a2\"\u003E35.00\u003C\u002Ftd\u003E\u003Cbr\u003E \u003Ctd headers=\"a10 a12 a3\"\u003E109.00\u003C\u002Ftd\u003E\u003Cbr\u003E \u003Ctd headers=\"a10 a12 a4\"\u003E36.00\u003C\u002Ftd\u003E\u003Cbr\u003E \u003Ctd\u003E \u003C\u002Ftd\u003E\u003Cbr\u003E\u003C\u002Ftr\u003E\u003Cbr\u003E\u003Ctr bgcolor=\"silver\"\u003E\u003Cbr\u003E \u003Ctd\u003ESubtotals\u003C\u002Ftd\u003E\u003Cbr\u003E \u003Ctd\u003E131.25\u003C\u002Ftd\u003E\u003Cbr\u003E \u003Ctd\u003E218.00\u003C\u002Ftd\u003E\u003Cbr\u003E \u003Ctd\u003E72.00\u003C\u002Ftd\u003E\u003Cbr\u003E \u003Ctd\u003E421.25\u003C\u002Ftd\u003E\u003Cbr\u003E \u003C\u002Ftr\u003E\u003Cbr\u003E\u003C\u002Ftbody\u003E\u003Cbr\u003E\u003C\u002Ftable\u003E\u003Cbr\u003E\u003C\u002Fbody\u003E\u003Cbr\u003E\u003C\u002Fhtml\u003E \u003Cbr\u003E"],href:"\u002Fprezentacii-po-informatike\u002Ftables--tablitsy",href_category:"\u002Fprezentacii-po-informatike",date:1615601536,related:[{id:897029,name:"Елена в Инстаграм",href:"\u002Fprezentacii-po-informatike\u002Felena-v-instagram",jpg:"jpg\u002F897029"},{id:1004954,name:"Позиционные системы счисления",href:"\u002Fprezentacii-po-informatike\u002Fpozitsionnye-sistemy-schisleniya-3",jpg:"jpg\u002F1004954"},{id:1041396,name:"Одиннадцатый час. Выпуск №1",href:"\u002Fprezentacii-po-informatike\u002Fodinnadtsatyy-chas-vypusk-n1",jpg:"jpg\u002F1041396"},{id:1103797,name:"Система автоматизированного проектирования (САПР)",href:"\u002Fprezentacii-po-informatike\u002Fsistema-avtomatizirovannogo-proektirovaniya-sapr-3",jpg:"jpg\u002F1103797"},{id:1041664,name:"Оконное приложение С++. Матрица",href:"\u002Fprezentacii-po-informatike\u002Fokonnoe-prilozhenie-s-matritsa",jpg:"jpg\u002F1041664"},{id:917988,name:"История развития вычислительной техники",href:"\u002Fprezentacii-po-informatike\u002Fistoriya-razvitiya-vychislitelnoy-tehniki-63",jpg:"jpg\u002F917988"},{id:856419,name:"Абстрактные типы данных. Структуры данных",href:"\u002Fprezentacii-po-informatike\u002Fabstraktnye-tipy-dannyh-struktury-dannyh",jpg:"jpg\u002F856419"},{id:1102317,name:"Информационная безопасность",href:"\u002Fprezentacii-po-informatike\u002Finformatsionnaya-bezopasnost-81",jpg:"jpg\u002F1102317"},{id:1098146,name:"Полиморфизм. Лекция 6",href:"\u002Fprezentacii-po-informatike\u002Fpolimorfizm-lektsiya-6",jpg:"jpg\u002F1098146"},{id:1071619,name:"Основные виды",href:"\u002Fprezentacii-po-informatike\u002Fosnovnye-vidy-10",jpg:"jpg\u002F1071619"},{id:1147858,name:"Безопасность в интернете",href:"\u002Fprezentacii-po-informatike\u002Fbezopasnost-v-internete-48",jpg:"jpg\u002F1147858"},{id:966578,name:"Базы данных в MS Excel-1",href:"\u002Fprezentacii-po-informatike\u002Fbazy-dannyh-v-ms-excel-1",jpg:"jpg\u002F966578"},{id:1090641,name:"Косимуляция Matlab- PSIM",href:"\u002Fprezentacii-po-informatike\u002Fkosimulyatsiya-matlab-psim",jpg:"jpg\u002F1090641"},{id:872072,name:"Измерение информации. 7 класс",href:"\u002Fprezentacii-po-informatike\u002Fizmerenie-informatsii-7-klass",jpg:"jpg\u002F872072"},{id:1000768,name:"Семейство стандартов IDEF",href:"\u002Fprezentacii-po-informatike\u002Fsemeystvo-standartov-idef",jpg:"jpg\u002F1000768"},{id:1067477,name:"Интерактивные игровые формы работы в виртуальном поле библиотеки",href:"\u002Fprezentacii-po-informatike\u002Finteraktivnye-igrovye-formy-raboty-v-virtualnom",jpg:"jpg\u002F1067477"},{id:1132483,name:"Самые популярные сообщения",href:"\u002Fprezentacii-po-informatike\u002Fsamye-populyarnye-soobshcheniya",jpg:"jpg\u002F1132483"},{id:1039772,name:"Диаграмма вариантов использования",href:"\u002Fprezentacii-po-informatike\u002Fdiagramma-variantov-ispolzovaniya-3",jpg:"jpg\u002F1039772"},{id:1184527,name:"Л_2_3 Взаимодействие РНР и html-формы",href:"\u002Fprezentacii-po-informatike\u002Fl23-vzaimodeystvie-rnr-i-html-formy",jpg:"jpg\u002F1184527"},{id:1030508,name:"Ремонт и обслуживание системы охлаждения в персональном компьютере",href:"\u002Fprezentacii-po-informatike\u002Fremont-i-obsluzhivanie-sistemy-ohlazhdeniya-v",jpg:"jpg\u002F1030508"},{id:1038741,name:"Информ_лек2_информатика компьютинг (2)",href:"\u002Fprezentacii-po-informatike\u002Finformlek2informatika-kompyuting-2",jpg:"jpg\u002F1038741"},{id:1077296,name:"Сетка \u002F пропорции",href:"\u002Fprezentacii-po-informatike\u002Fsetka-proportsii",jpg:"jpg\u002F1077296"},{id:893878,name:"Системы автоматизированного проектирования для профессиональной деятельности инженера",href:"\u002Fprezentacii-po-informatike\u002Fsistemy-avtomatizirovannogo-proektirovaniya-dlya-professionalnoy-deyatelnosti",jpg:"jpg\u002F893878"},{id:1078502,name:"Схема личного электронного письма",href:"\u002Fprezentacii-po-informatike\u002Fshema-lichnogo-elektronnogo-pisma",jpg:"jpg\u002F1078502"},{id:837823,name:"Основные понятия алгоритмизации",href:"\u002Fprezentacii-po-informatike\u002Fosnovnye-ponyatiya-algoritmizatsii",jpg:"jpg\u002F837823"},{id:1128482,name:"Система управления базами данных (СУБД)",href:"\u002Fprezentacii-po-informatike\u002Fsistema-upravleniya-bazami-dannyh-subd-4",jpg:"jpg\u002F1128482"},{id:1089388,name:"Телевидение Persik. Инструкция по генерации кода",href:"\u002Fprezentacii-po-informatike\u002Ftelevidenie-persik-instruktsiya-po-generatsii-koda",jpg:"jpg\u002F1089388"},{id:928672,name:"Программное обеспечение компьютера",href:"\u002Fprezentacii-po-informatike\u002Fprogrammnoe-obespechenie-kompyutera-62",jpg:"jpg\u002F928672"}],navigation:{next:"\u002Fprezentacii-na-razlichnye-temy\u002Ffakultet-prikladnoy-matematiki-i-vychislitelnoy-tehniki-1",next_name:"Факультет прикладной математики и вычислительной техники (для абитуриентов)",prev:"\u002Fprezentacii-na-razlichnye-temy\u002Fchempionat-severo-zapadnogo-federalnogo-okruga-po",prev_name:"Чемпионат северо-западного федерального округа по тхэквондо ГТФ 18 лет и старше, г. Архангельск"}}},categories:{result:[{id:M,ordering:b,name:"Алгебра",pseudoname:"prezentacii-po-algebre"},{id:2,ordering:b,name:"Английский язык",pseudoname:"prezentacii-po-angliyskomu-yaziku"},{id:3,ordering:b,name:"Астрономия",pseudoname:"prezentacii-po-astronomii"},{id:4,ordering:b,name:"Биология",pseudoname:"prezentacii-po-biologii"},{id:5,ordering:b,name:"География",pseudoname:"prezentacii-po-geografii"},{id:6,ordering:b,name:"Геометрия",pseudoname:"prezentacii-po-geometrii"},{id:7,ordering:b,name:K,pseudoname:"prezentacii-po-informatike"},{id:8,ordering:b,name:"История",pseudoname:"prezentacii-po-istorii"},{id:9,ordering:b,name:"Литература",pseudoname:"prezentacii-po-literature"},{id:10,ordering:b,name:"Математика",pseudoname:"prezentacii-po-matematike"},{id:11,ordering:b,name:"Медицина",pseudoname:"prezentacii-po-medicine"},{id:h,ordering:b,name:"Музыка",pseudoname:"prezentacii-po-musice"},{id:13,ordering:b,name:"МХК",pseudoname:"prezentacii-po-mkhk"},{id:14,ordering:b,name:"ОБЖ",pseudoname:"prezentacii-po-obzh"},{id:15,ordering:b,name:"Обществознание",pseudoname:"prezentacii-po-obshhestvoznaniju"},{id:17,ordering:b,name:"Педагогика",pseudoname:"prezentacii-po-pedagogike"},{id:18,ordering:b,name:"Немецкий язык",pseudoname:"prezentacii-po-nemezkomy-yaziku"},{id:20,ordering:b,name:"Русский язык",pseudoname:"prezentacii-po-russkomu-yazyku"},{id:21,ordering:b,name:"Технология",pseudoname:"prezentacii-po-tehnologii"},{id:L,ordering:b,name:"Физика",pseudoname:"prezentacii-po-fizike"},{id:23,ordering:b,name:"Философия",pseudoname:"prezentacii-po-filosofii"},{id:24,ordering:b,name:"Химия",pseudoname:"prezentacii-po-himii"},{id:25,ordering:b,name:"Экология",pseudoname:"prezentacii-po-ehkologii"},{id:26,ordering:b,name:"Экономика",pseudoname:"prezentacii-po-ekonomike"},{id:27,ordering:b,name:"Детские презентации",pseudoname:"detskie-prezentacii"},{id:i,ordering:b,name:"Шаблоны презентаций",pseudoname:"shablony-dlya-prezentacii"},{id:29,ordering:b,name:"Разное",pseudoname:"prezentacii-na-razlichnye-temy"},{id:48,ordering:b,name:"Культурология",pseudoname:"kulturologiya"},{id:16,ordering:M,name:"Окружающий мир",pseudoname:"prezentacii-po-okruzhayushhemu-miru"}]}},state:{},_errors:{},serverRendered:e,config:{public:{SITE_NAME:N,SITE_HOST:"slaidy.com",SITE_LANG:O,API_BASE_URL:"https:\u002F\u002Fslaidy.com\u002Fapi\u002F",pwaManifest:{name:N,short_name:a,description:a,lang:O,start_url:"\u002F?standalone=true",display:"standalone",background_color:k,theme_color:j,icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.d7f48e96.png",type:c,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.d7f48e96.png",type:c,sizes:P,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.d7f48e96.png",type:c,sizes:Q,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.d7f48e96.png",type:c,sizes:Q,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.d7f48e96.png",type:c,sizes:R,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.d7f48e96.png",type:c,sizes:R,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.d7f48e96.png",type:c,sizes:S,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.d7f48e96.png",type:c,sizes:S,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.d7f48e96.png",type:c,sizes:T,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.d7f48e96.png",type:c,sizes:T,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.d7f48e96.png",type:c,sizes:U,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.d7f48e96.png",type:c,sizes:U,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.d7f48e96.png",type:c,sizes:V,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.d7f48e96.png",type:c,sizes:V,purpose:g}]},yandexMetrika:{id:"79446466",metrikaUrl:"https:\u002F\u002Fmc.yandex.ru\u002Fmetrika\u002Ftag.js",accurateTrackBounce:e,childIframe:d,clickmap:d,defer:d,useRuntimeConfig:e,trackHash:d,trackLinks:e,type:b,webvisor:d,triggerEvent:d,consoleLog:e,partytown:d,isDev:d}},app:{baseURL:"\u002F",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:a}},pinia:{app:{meta:{h1:n,main_text:a,main_title:o,main_description:p,main_keywords:q,main_image:a},app:{logo_image:r,logo_image_width:i,logo_image_height:s,logo_text:t,image_width_full:u,image_width_min:v,recaptcha_key:w,yandex_search:x,ya_context:e,banner_1:a,banner_2:a,banner_3:a,banner_4:a,banner_5:a,banner_6:a,banner_7:a,banner_8:a,banner_9:a,banner_10:a,email:y,footer_before:z,footer:A,dark_theme:d,strategy:{image_alt_words:h,item_slide_header:B,item_images:C,item_images_tag:D,item_words_h3:d,item_words_tag:E,item_words_1:h,routing:F,item_slide_skipping:G,item_download_timeout:H},colors:{header_text:j,header_bg:k,accent:I}},social:J,token:a}}}}("",0,"image\u002Fpng",false,true,"any","maskable",12,28,"#000000","#ffffff","\u003Cp\u003EАтрибуты тега \u003Ctable\u003E\u003Cbr\u003E","\u003Cp\u003EАтрибуты тегов \u003Ctd\u003E и \u003Cth\u003E\u003Cbr\u003E","Презентации, проекты, доклады в PowerPoint на любую тему","Презентации и проекты в PowerPoint","Презентации на различные темы для детей, школьников, родителей, студентов, учителей и преподавателей.","Презентация, презентация на тему, скачать презентацию, урок презентация, 1 2 3 4 5 6 7 8 9 10 11 класс","images\u002Fdata\u002Flogo.jpg",32,"Slaidy.com",720,480,"6LdhFOUnAAAAAIaOUjFtosEpzs6Ny643k1QKXXvv","3190226","[e-mail]","\u003C!--LiveInternet counter--\u003E\u003Ca href=\"https:\u002F\u002Fwww.liveinternet.ru\u002Fclick\"\r\ntarget=\"_blank\"\u003E\u003Cimg id=\"licnt7D89\" width=\"88\" height=\"31\" style=\"border:0\" \r\ntitle=\"LiveInternet: показано число просмотров за 24 часа, посетителей за 24 часа и за сегодня\"\r\nsrc=\"data:image\u002Fgif;base64,R0lGODlhAQABAIAAAAAAAP\u002F\u002F\u002FyH5BAEAAAEALAAAAAABAAEAAAIBTAA7\"\r\nalt=\"LiveInternet\"\u002F\u003E\u003C\u002Fa\u003E\u003Cscript\u003E(function(d,s){d.getElementById(\"licnt7D89\").src=\r\n\"https:\u002F\u002Fcounter.yadro.ru\u002Fhit?t12.1;r\"+escape(d.referrer)+\r\n((typeof(s)==\"undefined\")?\"\":\";s\"+s.width+\"*\"+s.height+\"*\"+\r\n(s.colorDepth?s.colorDepth:s.pixelDepth))+\";u\"+escape(d.URL)+\r\n\";h\"+escape(d.title.substring(0,150))+\";\"+Math.random()})\r\n(document,screen)\u003C\u002Fscript\u003E\u003C!--\u002FLiveInternet--\u003E","\u003Ca href=\"\u002Fpage\u002Fpravoobladateliam\"\u003EДля правообладателей\u003C\u002Fa\u003E","h3a","images_before","none","h3","category","both",77,"#ff0d00","\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fes5-shims\u002F0.0.2\u002Fes5-shims.min.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fshare2\u002Fshare.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cdiv class=\"ya-share2\" data-services=\"collections,gplus,vkontakte,facebook,odnoklassniki,gplus,twitter,moimir\" data-counter=\"\"\u003E\u003C\u002Fdiv\u003E","Информатика",22,1,"Slaidy","ru","64x64","120x120","144x144","152x152","192x192","384x384","512x512")) align="center" style="color:#FF0000;">

Атрибуты

Атрибуты

table