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

Таблицы
Для создания таблиц в языке HTML используются следующие элементы:
- создаёт
таблицу.
- задаёт строку таблицы.
- задаёт заголовок для таблицы.
- задаёт ячейку таблицы, заголовок столбца.
- задаёт простую ячейку таблицы с данными.
Слайд 3
Элемент TABLE
В языке HTML для создания таблиц служит элемент TABLE.
Весь код таблицы
должен располагаться между тегами и
.
Атрибуты этого элемента задают параметры для всей таблицы целиком.
Слайд 4
Атрибуты
:
border - ширина рамки вокруг всей таблицы, например border=1
bgcolor - определяет цвет
фона ячеек таблицы, например bgcolor=«yellow“
background - позволяет заполнить фон таблицы рисунком. В качестве значения необходимо указать URL рисунка, например background=“images/foto.jpg”
bordercolor - Определяет цвет рамки (светлый цвет для объёмной) bordercolor="blue“
Слайд 5
Атрибуты
Align=left | center | right
Valign=top | bottom (положение по вертикали)
Слайд 6
Атрибуты
Bgcolor=#xxxxxx
Backgroung=“имя_а.jpg”-
Align=left | center | right
Valign=top | midlle | bottom
Для
Colspan=n
Rowspan=n
Слайд 7
Атрибут colspan
Устанавливает число ячеек, которые должны быть объединены по горизонтали. Этот атрибут имеет
смысл для таблиц, состоящих из нескольких строк.
Слайд 8
Атрибут rowspan
Устанавливает число ячеек, которые должны быть объединены по вертикали. Этот атрибут имеет
смысл для таблиц, состоящих из нескольких строк.
Слайд 9
ОБЫЧНАЯ ТАБЛИЦА 3X2
Слайд 10
ДВА ПРИМЕРА С ROWSPAN
Слайд 11
ПРИМЕР С COLSPAN
Слайд 12
ДЕМОНСТРАЦИЯ ЗАГОЛОВКОВ (
)
Слайд 13
ДЕМОНСТРАЦИЯ COLSPAN И ЗАГОЛОВКОВ
Слайд 14
ДЕМОНСТРАЦИЯ МНОЖЕСТВЕННЫХ ЗАГОЛОВКОВ, COLSPAN
Слайд 15
ДЕМОНСТРАЦИЯ БОКОВЫХ ЗАГОЛОВКОВ
Слайд 16
ДЕМОНСТРАЦИЯ БОКОВЫХ ЗАГОЛОВКОВ, ROWSPAN
Слайд 17
ИСПОЛЬЗОВАНИЕ ROWSPAN/COLSPAN
Слайд 18
ВЫРАВНИВАНИЕ, ОТСТУПЫ, РАМКИ
ТАБЛИЦА БЕЗ РАМКИ
Слайд 19
ТАБЛИЦА С РАМКОЙ ШИРИНОЙ 10
Слайд 20
ВЫРАВНИВАНИЕ, ЗАГОЛОВКИ И ПОДТАБЛИЦЫ
ALIGN=LEFT | RIGHT | CENTER
Слайд 21
VALIGN=TOP | BOTTOM | MIDDLE
может применяться к отдельным ячейкам или всей строке
Слайд 22
CAPTION=TOP
Слайд 23
CAPTION=BOTTOM
Слайд 24
ЗАДАНИЕ ШИРИНЫ ТАБЛИЦЫ
ШИРИНА 50%
Слайд 25
ЗАДАНИЕ ШИРИНЫ ТАБЛИЦЫ
ШИРИНА 100%
Слайд 26
ЦЕНТРИРОВАНИЕ ТАБЛИЦЫ НА СТРАНИЦЕ
Слайд 27
HEIGHT=15%
Имя файла: Таблицы-в-HTML.pptx
Количество просмотров: 65
Количество скачиваний: 0
Скачать
- Предыдущая
Polymorphism. Создание проекта
Следующая -
Разработка программных модулей. Графические построения. Лекция 54
Похожие презентации
Урок по теме: Действия объекта
Исключения в Python
Система контроля электропитания Центра
Cisco: Puppet Team. SoftServe
5 игр для ПК
Система обеспечения вызова экстренных оперативных и иных служб жизнеобеспечения по единому номеру 112 (система-112)
Язык программирования C# 6.0. Модуль 2
Типы алгоритмов
Основы программирования на С#. (Лекция 5)
Программирование на языке Python. 9 класс. Повторение
Synergy Universe – детская образовательная платформа для мобильных устройств
Представление числовой информации с помощью систем счисления. Позиционные и непозиционные системы счисления
Технологии разделения ресурсов связи
ПЯВУ. Основы программирования. Лекция 4. Типы текстовых данных
Инновационные технологии автоматизации процесса составления расписания с помощью программного обеспечения “Расписание”
Совершенствование работы станции технического обслуживания автомобилей путем создания клиентской базы данных
Рекламная Подписка
Реклама на Яндекс.Картах
Презентация Нормализация отношений баз данных
20240122_svyaz_mezhdu_sistemami_schisleniya
Базы данных. Основные понятия
Introduction of quality assurance. Testing
Массивы
Перечисления и массивы. (Лекция 5)
Рисунки в режиме символьной печати
Принципы функционирования компьютерных сетей. (Лекция 1)
Язык Python в школьном курсе информатики
Конспект урока Запись арифметических выражений на языке Паскаль
Обратная связь
Email:
Нажмите что бы посмотреть
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){return {data:{meta:{result:{meta:{h1:l,main_text:a,main_title:m,main_description:n,main_keywords:o,main_image:a},app:{logo_image:p,logo_image_width:q,logo_image_height:r,logo_text:a,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:c,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:w,footer_before:a,footer:a,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:x,item_images:y,item_images_tag:z,item_words_h3:c,item_words_tag:A,item_words_1:h,routing:B,item_slide_skipping:C,item_download_timeout:D,item_slider_width:E,item_show_pdf:e,item_show_contents:e,item_show_filename:e},colors:{header_text:j,header_bg:i,accent:i}},social:F}},item:{result:{id:167684,name:k,category:G,count:28,jpg:"jpg\u002F167684",hits:65,download:b,h1:"Таблицы в HTML презентация",meta:{h1:k,title:k,description:"Таблицы в HTML презентация на тему, доклад, Информатика",keywords:"Таблицы в HTML, презентация, доклад, проект, скачать, на тему, PowerPoint, урок, класс, школа, Информатика",download_link:a},text:"Вы можете изучить и скачать доклад-презентацию на тему Презентация на тему Таблицы в HTML из раздела Информатика. Презентация на заданную тему содержит 28 слайдов. Для просмотра воспользуйтесь проигрывателем, если материал оказался полезным для Вас - поделитесь им с друзьями с помощью социальных кнопок и добавьте наш сайт презентаций в закладки!",seo_text:"\u003Cp\u003EТаблицы \u003Cbr\u003E\u003Cp\u003E Для создания таблиц в языке HTML используются следующие элементы:\u003Cbr\u003E\u003Cbr\u003E\u003CTABLE\u003E - создаёт таблицу.\u003Cbr\u003E\u003CCAPTION\u003E - задаёт заголовок для таблицы.\u003Cbr\u003E\u003CTR\u003E - задаёт строку таблицы.\u003Cbr\u003E\u003CTH\u003E - задаёт ячейку таблицы, заголовок столбца.\u003Cbr",file:"Таблицы-в-HTML.pptx",texts:["\u003Cp\u003EТаблицы в HTML\u003Cbr\u003E","\u003Cp\u003EТаблицы \u003Cbr\u003E\u003Cp\u003E Для создания таблиц в языке HTML используются следующие элементы:\u003Cbr\u003E\u003CTABLE\u003E - создаёт таблицу.\u003Cbr\u003E\u003CCAPTION\u003E - задаёт заголовок для таблицы.\u003Cbr\u003E\u003CTR\u003E - задаёт строку таблицы.\u003Cbr\u003E\u003CTH\u003E - задаёт ячейку таблицы, заголовок столбца.\u003Cbr\u003E\u003CTD\u003E - задаёт простую ячейку таблицы с данными.\u003Cbr\u003E","\u003Cp\u003EЭлемент TABLE\u003Cbr\u003E\u003Cp\u003EВ языке HTML для создания таблиц служит элемент TABLE.\u003Cbr\u003E Весь код таблицы должен располагаться между тегами \u003CTABLE\u003E и \u003C\u002FTABLE\u003E. \u003Cbr\u003EАтрибуты этого элемента задают параметры для всей таблицы целиком. \u003Cbr\u003E","\u003Cp\u003EАтрибуты \u003CTABLE\u003E:\u003Cbr\u003E\u003Cp\u003Eborder - ширина рамки вокруг всей таблицы, например border=1\u003Cbr\u003Ebgcolor - определяет цвет фона ячеек таблицы, например bgcolor=«yellow“\u003Cbr\u003Ebackground - позволяет заполнить фон таблицы рисунком. В качестве значения необходимо указать URL рисунка, например background=“images\u002Ffoto.jpg”\u003Cbr\u003E \u003Cbr\u003Ebordercolor - Определяет цвет рамки (светлый цвет для объёмной) bordercolor=\"blue“\u003Cbr\u003E","\u003Cp\u003EАтрибуты \u003Ccaption\u003E\u003Cbr\u003E\u003Cp\u003EAlign=left | center | right\u003Cbr\u003EValign=top | bottom (положение по вертикали)\u003Cbr\u003E","\u003Cp\u003EАтрибуты \u003Ctr\u003E\u003Cth\u003E\u003Ctd\u003E\u003Cbr\u003E\u003Cp\u003EBgcolor=#xxxxxx\u003Cbr\u003EBackgroung=“имя_а.jpg”-\u003Cbr\u003EAlign=left | center | right\u003Cbr\u003EValign=top | midlle | bottom\u003Cbr\u003EДля \u003Cth\u003E\u003Ctd\u003E\u003Cbr\u003EColspan=n\u003Cbr\u003ERowspan=n\u003Cbr\u003E","\u003Cp\u003EАтрибут colspan\u003Cbr\u003EУстанавливает число ячеек, которые должны быть объединены по горизонтали. Этот атрибут имеет смысл для таблиц, состоящих из нескольких строк.\u003Cbr\u003E","\u003Cp\u003EАтрибут rowspan\u003Cbr\u003EУстанавливает число ячеек, которые должны быть объединены по вертикали. Этот атрибут имеет смысл для таблиц, состоящих из нескольких строк. \u003Cbr\u003E","\u003Cp\u003EОБЫЧНАЯ ТАБЛИЦА 3X2\u003Cbr\u003E","\u003Cp\u003EДВА ПРИМЕРА С ROWSPAN\u003Cbr\u003E","\u003Cp\u003E\r\nПРИМЕР С COLSPAN\r\n\u003Cbr\u003E","\u003Cp\u003EДЕМОНСТРАЦИЯ ЗАГОЛОВКОВ (\u003CTH\u003E)\r\n\u003Cbr\u003E","\u003Cp\u003EДЕМОНСТРАЦИЯ COLSPAN И ЗАГОЛОВКОВ\r\n\u003Cbr\u003E","\u003Cp\u003EДЕМОНСТРАЦИЯ МНОЖЕСТВЕННЫХ ЗАГОЛОВКОВ, COLSPAN\u003Cbr\u003E","\u003Cp\u003E\r\nДЕМОНСТРАЦИЯ БОКОВЫХ ЗАГОЛОВКОВ\r\n\u003Cbr\u003E","\u003Cp\u003E\r\nДЕМОНСТРАЦИЯ БОКОВЫХ ЗАГОЛОВКОВ, ROWSPAN\r\n\u003Cbr\u003E","\u003Cp\u003E\r\nИСПОЛЬЗОВАНИЕ ROWSPAN\u002FCOLSPAN\r\n\u003Cbr\u003E","\u003Cp\u003E\r\nВЫРАВНИВАНИЕ, ОТСТУПЫ, РАМКИ\r\nТАБЛИЦА БЕЗ РАМКИ\r\n\u003Cbr\u003E","\u003Cp\u003E\r\nТАБЛИЦА С РАМКОЙ ШИРИНОЙ 10\r\n\u003Cbr\u003E","\u003Cp\u003E\r\nВЫРАВНИВАНИЕ, ЗАГОЛОВКИ И ПОДТАБЛИЦЫ\r\nALIGN=LEFT | RIGHT | CENTER\r\n\u003Cbr\u003E","\u003Cp\u003E\r\n\r\nVALIGN=TOP | BOTTOM | MIDDLE\r\nможет применяться к отдельным ячейкам или всей строке\r\n\u003Cbr\u003E","\u003Cp\u003ECAPTION=TOP\u003Cbr\u003E","\u003Cp\u003ECAPTION=BOTTOM\u003Cbr\u003E","\u003Cp\u003E\r\nЗАДАНИЕ ШИРИНЫ ТАБЛИЦЫ\r\nШИРИНА 50%\r\n\u003Cbr\u003E","\u003Cp\u003EЗАДАНИЕ ШИРИНЫ ТАБЛИЦЫ\r\nШИРИНА 100%\u003Cbr\u003E","\u003Cp\u003E\r\nЦЕНТРИРОВАНИЕ ТАБЛИЦЫ НА СТРАНИЦЕ\r\n\u003Cbr\u003E","\u003Cp\u003EHEIGHT=15%\u003Cbr\u003E","\u003Cp\u003EЗадание\u003Cbr\u003E"],href:"\u002Finformatika\u002Ftablitsy-v-html-1",href_category:"\u002Finformatika",date:1633400732,related:[{id:508542,name:"Урок по теме: Действия объекта",href:"\u002Finformatika\u002Furok-po-teme-deystviya-obekta",jpg:"jpg\u002F508542"},{id:577021,name:"Исключения в Python",href:"\u002Finformatika\u002Fisklyucheniya-v-python",jpg:"jpg\u002F577021"},{id:422122,name:"Система контроля электропитания Центра",href:"\u002Finformatika\u002Fsistema-kontrolya-elektropitaniya-tsentra",jpg:"jpg\u002F422122"},{id:251599,name:"Cisco: Puppet Team. SoftServe",href:"\u002Finformatika\u002Fcisco-puppet-team-softserve",jpg:"jpg\u002F251599"},{id:167448,name:"5 игр для ПК",href:"\u002Finformatika\u002F5-igr-dlya-pk",jpg:"jpg\u002F167448"},{id:188738,name:"Система обеспечения вызова экстренных оперативных и иных служб жизнеобеспечения по единому номеру 112 (система-112)",href:"\u002Finformatika\u002Fsistema-obespecheniya-vyzova-ekstrennyh-operativnyh-i",jpg:"jpg\u002F188738"},{id:128009,name:"Язык программирования C# 6.0. Модуль 2",href:"\u002Finformatika\u002Fyazyk-programmirovaniya-c-60-modul-2",jpg:"jpg\u002F128009"},{id:320332,name:"Типы алгоритмов",href:"\u002Finformatika\u002Ftipy-algoritmov-11",jpg:"jpg\u002F320332"},{id:104214,name:"Основы программирования на С#. (Лекция 5)",href:"\u002Finformatika\u002Fosnovy-programmirovaniya-na-s-lektsiya-5",jpg:"jpg\u002F104214"},{id:577744,name:"Программирование на языке Python. 9 класс. Повторение",href:"\u002Finformatika\u002Fprogrammirovanie-na-yazyke-python-9-klass-6",jpg:"jpg\u002F577744"},{id:432924,name:"Synergy Universe – детская образовательная платформа для мобильных устройств",href:"\u002Finformatika\u002Fsynergy-universe--detskaya-obrazovatelnaya-platforma",jpg:"jpg\u002F432924"},{id:362319,name:"Представление числовой информации с помощью систем счисления. Позиционные и непозиционные системы счисления",href:"\u002Finformatika\u002Fpredstavlenie-chislovoy-informatsii-s-pomoshchyu-sistem-10",jpg:"jpg\u002F362319"},{id:343100,name:"Технологии разделения ресурсов связи",href:"\u002Finformatika\u002Ftehnologii-razdeleniya-resursov-svyazi",jpg:"jpg\u002F343100"},{id:315669,name:"ПЯВУ. Основы программирования. Лекция 4. Типы текстовых данных",href:"\u002Finformatika\u002Fpyavu-osnovy-programmirovaniya-lektsiya-4-tipy",jpg:"jpg\u002F315669"},{id:266359,name:"Инновационные технологии автоматизации процесса составления расписания с помощью программного обеспечения “Расписание”",href:"\u002Finformatika\u002Finnovatsionnye-tehnologii-avtomatizatsii-protsessa-sostavleniya-raspisaniya",jpg:"jpg\u002F266359"},{id:595053,name:"Совершенствование работы станции технического обслуживания автомобилей путем создания клиентской базы данных",href:"\u002Finformatika\u002Fsovershenstvovanie-raboty-stantsii-tehnicheskogo-obsluzhivaniya-avtomobiley",jpg:"jpg\u002F595053"},{id:587290,name:"Рекламная Подписка",href:"\u002Finformatika\u002Freklamnaya-podpiska-2",jpg:"jpg\u002F587290"},{id:415050,name:"Реклама на Яндекс.Картах",href:"\u002Finformatika\u002Freklama-na-yandekskartah-3",jpg:"jpg\u002F415050"},{id:488704,name:"Презентация Нормализация отношений баз данных",href:"\u002Finformatika\u002Fprezentatsiya-normalizatsiya-otnosheniy-baz-dannyh",jpg:"jpg\u002F488704"},{id:600120,name:"20240122_svyaz_mezhdu_sistemami_schisleniya",href:"\u002Finformatika\u002F20240122svyazmezhdusistemamischisleniya",jpg:"jpg\u002F600120"},{id:13913,name:"Базы данных. Основные понятия",href:"\u002Finformatika\u002Fbazy-dannyh-osnovnye-ponyatiya-1",jpg:"jpg\u002F13913"},{id:218954,name:"Introduction of quality assurance. Testing",href:"\u002Finformatika\u002Fintroduction-of-quality-assurance-testing",jpg:"jpg\u002F218954"},{id:380772,name:"Массивы",href:"\u002Finformatika\u002Fmassivy-48",jpg:"jpg\u002F380772"},{id:409458,name:"Перечисления и массивы. (Лекция 5)",href:"\u002Finformatika\u002Fperechisleniya-i-massivy-lektsiya-5",jpg:"jpg\u002F409458"},{id:279563,name:"Рисунки в режиме символьной печати",href:"\u002Finformatika\u002Frisunki-v-rezhime-simvolnoy-pechati",jpg:"jpg\u002F279563"},{id:147780,name:"Принципы функционирования компьютерных сетей. (Лекция 1)",href:"\u002Finformatika\u002Fprintsipy-funktsionirovaniya-kompyuternyh-setey-lektsiya-1",jpg:"jpg\u002F147780"},{id:582761,name:"Язык Python в школьном курсе информатики",href:"\u002Finformatika\u002Fyazyk-python-v-shkolnom-kurse-informatiki-1",jpg:"jpg\u002F582761"},{id:510726,name:"Конспект урока Запись арифметических выражений на языке Паскаль",href:"\u002Finformatika\u002Fkonspekt-uroka-zapis-arifmeticheskih-vyrazheniy-na",jpg:"jpg\u002F510726"}],navigation:{next:"\u002Finformatika\u002Frazrabotka-programmnyh-moduley-graficheskie-postroeniya-lektsiya",next_name:"Разработка программных модулей. Графические построения. Лекция 54",prev:"\u002Finformatika\u002Fpolymorphism-sozdanie-proekta",prev_name:"Polymorphism. Создание проекта"}}},categories:{result:[{id:H,ordering:b,name:"Без категории",pseudoname:"uncategorized"},{id:144,ordering:b,name:"Бизнес",pseudoname:"biznes"},{id:146,ordering:b,name:"Образование",pseudoname:"obrazovanie"},{id:149,ordering:b,name:"Финансы",pseudoname:"finansy"},{id:150,ordering:b,name:"Государство",pseudoname:"gosudarstvo"},{id:152,ordering:b,name:"Спорт",pseudoname:"sport"},{id:154,ordering:b,name:"Армия",pseudoname:"armiya"},{id:156,ordering:b,name:"Культурология",pseudoname:"kulturologiya"},{id:157,ordering:b,name:"Еда и кулинария",pseudoname:"eda-i-kulinariya"},{id:158,ordering:b,name:"Лингвистика",pseudoname:"lingvistika"},{id:163,ordering:b,name:"Черчение",pseudoname:"cherchenie"},{id:164,ordering:b,name:"Физкультура",pseudoname:"fizkultura"},{id:165,ordering:b,name:"ИЗО",pseudoname:"izo"},{id:166,ordering:b,name:"Психология",pseudoname:"psihologiya"},{id:116,ordering:H,name:"Английский язык",pseudoname:"angliyskiy-yazyk"},{id:108,ordering:2,name:"Астрономия",pseudoname:"astronomiya"},{id:104,ordering:3,name:"Алгебра",pseudoname:"algebra"},{id:106,ordering:4,name:"Биология",pseudoname:"biologiya"},{id:142,ordering:5,name:"География",pseudoname:"geografiya"},{id:141,ordering:6,name:"Геометрия",pseudoname:"geometria"},{id:123,ordering:7,name:"Детские презентации",pseudoname:"detskie-prezentatsii"},{id:107,ordering:8,name:G,pseudoname:"informatika"},{id:109,ordering:9,name:"История",pseudoname:"istoriya"},{id:139,ordering:10,name:"Литература",pseudoname:"literatura"},{id:119,ordering:11,name:"Маркетинг",pseudoname:"marketing"},{id:114,ordering:12,name:"Математика",pseudoname:"matematika"},{id:138,ordering:h,name:"Медицина",pseudoname:"medetsina"},{id:118,ordering:14,name:"Менеджмент",pseudoname:"menedzhment"},{id:137,ordering:15,name:"Музыка",pseudoname:"muzyka"},{id:136,ordering:16,name:"МХК",pseudoname:"mhk"},{id:130,ordering:17,name:"Немецкий язык",pseudoname:"nemetskiy-yazyk"},{id:105,ordering:18,name:"ОБЖ",pseudoname:"obzh"},{id:133,ordering:19,name:"Обществознание ",pseudoname:"obshchestvoznanie"},{id:132,ordering:20,name:"Окружающий мир ",pseudoname:"okruzhayushchiy-mir"},{id:131,ordering:21,name:"Педагогика ",pseudoname:"pedagogika"},{id:129,ordering:22,name:"Русский язык",pseudoname:"russkiy-yazyk"},{id:128,ordering:24,name:"Технология",pseudoname:"tehnologiya"},{id:127,ordering:25,name:"Физика",pseudoname:"fizika"},{id:126,ordering:26,name:"Философия",pseudoname:"filosofiya"},{id:125,ordering:27,name:"Химия",pseudoname:"himiya"},{id:124,ordering:29,name:"Экология",pseudoname:"ekologiya"},{id:121,ordering:30,name:"Экономика",pseudoname:"ekonomika"},{id:120,ordering:31,name:"Юриспруденция",pseudoname:"yurisprudentsiya"}]}},state:{},_errors:{},serverRendered:e,config:{public:{SITE_NAME:I,SITE_HOST:"mypreza.com",SITE_LANG:J,API_BASE_URL:"https:\u002F\u002Fmypreza.com\u002Fapi\u002F",pwaManifest:{name:I,short_name:a,description:a,lang:J,start_url:"\u002F?standalone=true",display:"standalone",background_color:j,theme_color:"#000000",icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.f2a6e93d.png",type:d,sizes:K,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.f2a6e93d.png",type:d,sizes:K,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.f2a6e93d.png",type:d,sizes:L,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.f2a6e93d.png",type:d,sizes:L,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.f2a6e93d.png",type:d,sizes:M,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.f2a6e93d.png",type:d,sizes:M,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.f2a6e93d.png",type:d,sizes:N,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.f2a6e93d.png",type:d,sizes:N,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.f2a6e93d.png",type:d,sizes:O,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.f2a6e93d.png",type:d,sizes:O,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.f2a6e93d.png",type:d,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.f2a6e93d.png",type:d,sizes:P,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.f2a6e93d.png",type:d,sizes:Q,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.f2a6e93d.png",type:d,sizes:Q,purpose:g}]},yandexMetrika:{id:"85004146",metrikaUrl:"https:\u002F\u002Fmc.yandex.ru\u002Fmetrika\u002Ftag.js",accurateTrackBounce:e,childIframe:c,clickmap:c,defer:c,useRuntimeConfig:e,trackHash:c,trackLinks:e,type:b,webvisor:c,triggerEvent:c,consoleLog:e,partytown:c,isDev:c}},app:{baseURL:"\u002F",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:a}},pinia:{app:{meta:{h1:l,main_text:a,main_title:m,main_description:n,main_keywords:o,main_image:a},app:{logo_image:p,logo_image_width:q,logo_image_height:r,logo_text:a,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:c,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:w,footer_before:a,footer:a,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:x,item_images:y,item_images_tag:z,item_words_h3:c,item_words_tag:A,item_words_1:h,routing:B,item_slide_skipping:C,item_download_timeout:D,item_slider_width:E,item_show_pdf:e,item_show_contents:e,item_show_filename:e},colors:{header_text:j,header_bg:i,accent:i}},social:F,token:a}}}}("",0,false,"image\u002Fpng",true,"any","maskable",13,"#d53032","#ffffff","Таблицы в HTML","Учебные презентации","Презентации в PowerPoint на разные темы","Презентации, проекты, доклады в PowerPoint на разные темы для учебы","Презентация, на тему, урок, класс, PowerPoint, скачати презентацію, фон, шаблон, доклад, проект.","images\u002Fdata\u002Flogo.png",185,40,720,480,"6LeioWIpAAAAAGqMN4KqMVIkekcMW7fBKHjXCd-a","2503267","[e-mail]","h3a","text","none","h3","category","both",80,800,"\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","Информатика",1,"Mypreza","ru","64x64","120x120","144x144","152x152","192x192","384x384","512x512")) таблицу.

Элемент TABLE
В языке HTML для создания таблиц служит элемент TABLE.
Весь код таблицы должен располагаться между тегами и
.
Атрибуты этого элемента задают параметры для всей таблицы целиком.

Атрибуты
:
border - ширина рамки вокруг всей таблицы, например border=1
bgcolor - определяет цвет
фона ячеек таблицы, например bgcolor=«yellow“
background - позволяет заполнить фон таблицы рисунком. В качестве значения необходимо указать URL рисунка, например background=“images/foto.jpg”
bordercolor - Определяет цвет рамки (светлый цвет для объёмной) bordercolor="blue“
Слайд 5
Атрибуты
Align=left | center | right
Valign=top | bottom (положение по вертикали)
Слайд 6
Атрибуты
Bgcolor=#xxxxxx
Backgroung=“имя_а.jpg”-
Align=left | center | right
Valign=top | midlle | bottom
Для
Colspan=n
Rowspan=n
Слайд 7
Атрибут colspan
Устанавливает число ячеек, которые должны быть объединены по горизонтали. Этот атрибут имеет
смысл для таблиц, состоящих из нескольких строк.
Слайд 8
Атрибут rowspan
Устанавливает число ячеек, которые должны быть объединены по вертикали. Этот атрибут имеет
смысл для таблиц, состоящих из нескольких строк.
Слайд 9
ОБЫЧНАЯ ТАБЛИЦА 3X2
Слайд 10
ДВА ПРИМЕРА С ROWSPAN
Слайд 11
ПРИМЕР С COLSPAN
Слайд 12
ДЕМОНСТРАЦИЯ ЗАГОЛОВКОВ (
)
Слайд 13
ДЕМОНСТРАЦИЯ COLSPAN И ЗАГОЛОВКОВ
Слайд 14
ДЕМОНСТРАЦИЯ МНОЖЕСТВЕННЫХ ЗАГОЛОВКОВ, COLSPAN
Слайд 15
ДЕМОНСТРАЦИЯ БОКОВЫХ ЗАГОЛОВКОВ
Слайд 16
ДЕМОНСТРАЦИЯ БОКОВЫХ ЗАГОЛОВКОВ, ROWSPAN
Слайд 17
ИСПОЛЬЗОВАНИЕ ROWSPAN/COLSPAN
Слайд 18
ВЫРАВНИВАНИЕ, ОТСТУПЫ, РАМКИ
ТАБЛИЦА БЕЗ РАМКИ
Слайд 19
ТАБЛИЦА С РАМКОЙ ШИРИНОЙ 10
Слайд 20
ВЫРАВНИВАНИЕ, ЗАГОЛОВКИ И ПОДТАБЛИЦЫ
ALIGN=LEFT | RIGHT | CENTER
Слайд 21
VALIGN=TOP | BOTTOM | MIDDLE
может применяться к отдельным ячейкам или всей строке
Слайд 22
CAPTION=TOP
Слайд 23
CAPTION=BOTTOM
Слайд 24
ЗАДАНИЕ ШИРИНЫ ТАБЛИЦЫ
ШИРИНА 50%
Слайд 25
ЗАДАНИЕ ШИРИНЫ ТАБЛИЦЫ
ШИРИНА 100%
Слайд 26
ЦЕНТРИРОВАНИЕ ТАБЛИЦЫ НА СТРАНИЦЕ
Слайд 27
HEIGHT=15%
Имя файла: Таблицы-в-HTML.pptx
Количество просмотров: 65
Количество скачиваний: 0
Скачать
- Предыдущая
Polymorphism. Создание проекта
Следующая -
Разработка программных модулей. Графические построения. Лекция 54
Похожие презентации
Урок по теме: Действия объекта
Исключения в Python
Система контроля электропитания Центра
Cisco: Puppet Team. SoftServe
5 игр для ПК
Система обеспечения вызова экстренных оперативных и иных служб жизнеобеспечения по единому номеру 112 (система-112)
Язык программирования C# 6.0. Модуль 2
Типы алгоритмов
Основы программирования на С#. (Лекция 5)
Программирование на языке Python. 9 класс. Повторение
Synergy Universe – детская образовательная платформа для мобильных устройств
Представление числовой информации с помощью систем счисления. Позиционные и непозиционные системы счисления
Технологии разделения ресурсов связи
ПЯВУ. Основы программирования. Лекция 4. Типы текстовых данных
Инновационные технологии автоматизации процесса составления расписания с помощью программного обеспечения “Расписание”
Совершенствование работы станции технического обслуживания автомобилей путем создания клиентской базы данных
Рекламная Подписка
Реклама на Яндекс.Картах
Презентация Нормализация отношений баз данных
20240122_svyaz_mezhdu_sistemami_schisleniya
Базы данных. Основные понятия
Introduction of quality assurance. Testing
Массивы
Перечисления и массивы. (Лекция 5)
Рисунки в режиме символьной печати
Принципы функционирования компьютерных сетей. (Лекция 1)
Язык Python в школьном курсе информатики
Конспект урока Запись арифметических выражений на языке Паскаль
Обратная связь
Email:
Нажмите что бы посмотреть
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){return {data:{meta:{result:{meta:{h1:l,main_text:a,main_title:m,main_description:n,main_keywords:o,main_image:a},app:{logo_image:p,logo_image_width:q,logo_image_height:r,logo_text:a,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:c,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:w,footer_before:a,footer:a,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:x,item_images:y,item_images_tag:z,item_words_h3:c,item_words_tag:A,item_words_1:h,routing:B,item_slide_skipping:C,item_download_timeout:D,item_slider_width:E,item_show_pdf:e,item_show_contents:e,item_show_filename:e},colors:{header_text:j,header_bg:i,accent:i}},social:F}},item:{result:{id:167684,name:k,category:G,count:28,jpg:"jpg\u002F167684",hits:65,download:b,h1:"Таблицы в HTML презентация",meta:{h1:k,title:k,description:"Таблицы в HTML презентация на тему, доклад, Информатика",keywords:"Таблицы в HTML, презентация, доклад, проект, скачать, на тему, PowerPoint, урок, класс, школа, Информатика",download_link:a},text:"Вы можете изучить и скачать доклад-презентацию на тему Презентация на тему Таблицы в HTML из раздела Информатика. Презентация на заданную тему содержит 28 слайдов. Для просмотра воспользуйтесь проигрывателем, если материал оказался полезным для Вас - поделитесь им с друзьями с помощью социальных кнопок и добавьте наш сайт презентаций в закладки!",seo_text:"\u003Cp\u003EТаблицы \u003Cbr\u003E\u003Cp\u003E Для создания таблиц в языке HTML используются следующие элементы:\u003Cbr\u003E\u003Cbr\u003E\u003CTABLE\u003E - создаёт таблицу.\u003Cbr\u003E\u003CCAPTION\u003E - задаёт заголовок для таблицы.\u003Cbr\u003E\u003CTR\u003E - задаёт строку таблицы.\u003Cbr\u003E\u003CTH\u003E - задаёт ячейку таблицы, заголовок столбца.\u003Cbr",file:"Таблицы-в-HTML.pptx",texts:["\u003Cp\u003EТаблицы в HTML\u003Cbr\u003E","\u003Cp\u003EТаблицы \u003Cbr\u003E\u003Cp\u003E Для создания таблиц в языке HTML используются следующие элементы:\u003Cbr\u003E\u003CTABLE\u003E - создаёт таблицу.\u003Cbr\u003E\u003CCAPTION\u003E - задаёт заголовок для таблицы.\u003Cbr\u003E\u003CTR\u003E - задаёт строку таблицы.\u003Cbr\u003E\u003CTH\u003E - задаёт ячейку таблицы, заголовок столбца.\u003Cbr\u003E\u003CTD\u003E - задаёт простую ячейку таблицы с данными.\u003Cbr\u003E","\u003Cp\u003EЭлемент TABLE\u003Cbr\u003E\u003Cp\u003EВ языке HTML для создания таблиц служит элемент TABLE.\u003Cbr\u003E Весь код таблицы должен располагаться между тегами \u003CTABLE\u003E и \u003C\u002FTABLE\u003E. \u003Cbr\u003EАтрибуты этого элемента задают параметры для всей таблицы целиком. \u003Cbr\u003E","\u003Cp\u003EАтрибуты \u003CTABLE\u003E:\u003Cbr\u003E\u003Cp\u003Eborder - ширина рамки вокруг всей таблицы, например border=1\u003Cbr\u003Ebgcolor - определяет цвет фона ячеек таблицы, например bgcolor=«yellow“\u003Cbr\u003Ebackground - позволяет заполнить фон таблицы рисунком. В качестве значения необходимо указать URL рисунка, например background=“images\u002Ffoto.jpg”\u003Cbr\u003E \u003Cbr\u003Ebordercolor - Определяет цвет рамки (светлый цвет для объёмной) bordercolor=\"blue“\u003Cbr\u003E","\u003Cp\u003EАтрибуты \u003Ccaption\u003E\u003Cbr\u003E\u003Cp\u003EAlign=left | center | right\u003Cbr\u003EValign=top | bottom (положение по вертикали)\u003Cbr\u003E","\u003Cp\u003EАтрибуты \u003Ctr\u003E\u003Cth\u003E\u003Ctd\u003E\u003Cbr\u003E\u003Cp\u003EBgcolor=#xxxxxx\u003Cbr\u003EBackgroung=“имя_а.jpg”-\u003Cbr\u003EAlign=left | center | right\u003Cbr\u003EValign=top | midlle | bottom\u003Cbr\u003EДля \u003Cth\u003E\u003Ctd\u003E\u003Cbr\u003EColspan=n\u003Cbr\u003ERowspan=n\u003Cbr\u003E","\u003Cp\u003EАтрибут colspan\u003Cbr\u003EУстанавливает число ячеек, которые должны быть объединены по горизонтали. Этот атрибут имеет смысл для таблиц, состоящих из нескольких строк.\u003Cbr\u003E","\u003Cp\u003EАтрибут rowspan\u003Cbr\u003EУстанавливает число ячеек, которые должны быть объединены по вертикали. Этот атрибут имеет смысл для таблиц, состоящих из нескольких строк. \u003Cbr\u003E","\u003Cp\u003EОБЫЧНАЯ ТАБЛИЦА 3X2\u003Cbr\u003E","\u003Cp\u003EДВА ПРИМЕРА С ROWSPAN\u003Cbr\u003E","\u003Cp\u003E\r\nПРИМЕР С COLSPAN\r\n\u003Cbr\u003E","\u003Cp\u003EДЕМОНСТРАЦИЯ ЗАГОЛОВКОВ (\u003CTH\u003E)\r\n\u003Cbr\u003E","\u003Cp\u003EДЕМОНСТРАЦИЯ COLSPAN И ЗАГОЛОВКОВ\r\n\u003Cbr\u003E","\u003Cp\u003EДЕМОНСТРАЦИЯ МНОЖЕСТВЕННЫХ ЗАГОЛОВКОВ, COLSPAN\u003Cbr\u003E","\u003Cp\u003E\r\nДЕМОНСТРАЦИЯ БОКОВЫХ ЗАГОЛОВКОВ\r\n\u003Cbr\u003E","\u003Cp\u003E\r\nДЕМОНСТРАЦИЯ БОКОВЫХ ЗАГОЛОВКОВ, ROWSPAN\r\n\u003Cbr\u003E","\u003Cp\u003E\r\nИСПОЛЬЗОВАНИЕ ROWSPAN\u002FCOLSPAN\r\n\u003Cbr\u003E","\u003Cp\u003E\r\nВЫРАВНИВАНИЕ, ОТСТУПЫ, РАМКИ\r\nТАБЛИЦА БЕЗ РАМКИ\r\n\u003Cbr\u003E","\u003Cp\u003E\r\nТАБЛИЦА С РАМКОЙ ШИРИНОЙ 10\r\n\u003Cbr\u003E","\u003Cp\u003E\r\nВЫРАВНИВАНИЕ, ЗАГОЛОВКИ И ПОДТАБЛИЦЫ\r\nALIGN=LEFT | RIGHT | CENTER\r\n\u003Cbr\u003E","\u003Cp\u003E\r\n\r\nVALIGN=TOP | BOTTOM | MIDDLE\r\nможет применяться к отдельным ячейкам или всей строке\r\n\u003Cbr\u003E","\u003Cp\u003ECAPTION=TOP\u003Cbr\u003E","\u003Cp\u003ECAPTION=BOTTOM\u003Cbr\u003E","\u003Cp\u003E\r\nЗАДАНИЕ ШИРИНЫ ТАБЛИЦЫ\r\nШИРИНА 50%\r\n\u003Cbr\u003E","\u003Cp\u003EЗАДАНИЕ ШИРИНЫ ТАБЛИЦЫ\r\nШИРИНА 100%\u003Cbr\u003E","\u003Cp\u003E\r\nЦЕНТРИРОВАНИЕ ТАБЛИЦЫ НА СТРАНИЦЕ\r\n\u003Cbr\u003E","\u003Cp\u003EHEIGHT=15%\u003Cbr\u003E","\u003Cp\u003EЗадание\u003Cbr\u003E"],href:"\u002Finformatika\u002Ftablitsy-v-html-1",href_category:"\u002Finformatika",date:1633400732,related:[{id:508542,name:"Урок по теме: Действия объекта",href:"\u002Finformatika\u002Furok-po-teme-deystviya-obekta",jpg:"jpg\u002F508542"},{id:577021,name:"Исключения в Python",href:"\u002Finformatika\u002Fisklyucheniya-v-python",jpg:"jpg\u002F577021"},{id:422122,name:"Система контроля электропитания Центра",href:"\u002Finformatika\u002Fsistema-kontrolya-elektropitaniya-tsentra",jpg:"jpg\u002F422122"},{id:251599,name:"Cisco: Puppet Team. SoftServe",href:"\u002Finformatika\u002Fcisco-puppet-team-softserve",jpg:"jpg\u002F251599"},{id:167448,name:"5 игр для ПК",href:"\u002Finformatika\u002F5-igr-dlya-pk",jpg:"jpg\u002F167448"},{id:188738,name:"Система обеспечения вызова экстренных оперативных и иных служб жизнеобеспечения по единому номеру 112 (система-112)",href:"\u002Finformatika\u002Fsistema-obespecheniya-vyzova-ekstrennyh-operativnyh-i",jpg:"jpg\u002F188738"},{id:128009,name:"Язык программирования C# 6.0. Модуль 2",href:"\u002Finformatika\u002Fyazyk-programmirovaniya-c-60-modul-2",jpg:"jpg\u002F128009"},{id:320332,name:"Типы алгоритмов",href:"\u002Finformatika\u002Ftipy-algoritmov-11",jpg:"jpg\u002F320332"},{id:104214,name:"Основы программирования на С#. (Лекция 5)",href:"\u002Finformatika\u002Fosnovy-programmirovaniya-na-s-lektsiya-5",jpg:"jpg\u002F104214"},{id:577744,name:"Программирование на языке Python. 9 класс. Повторение",href:"\u002Finformatika\u002Fprogrammirovanie-na-yazyke-python-9-klass-6",jpg:"jpg\u002F577744"},{id:432924,name:"Synergy Universe – детская образовательная платформа для мобильных устройств",href:"\u002Finformatika\u002Fsynergy-universe--detskaya-obrazovatelnaya-platforma",jpg:"jpg\u002F432924"},{id:362319,name:"Представление числовой информации с помощью систем счисления. Позиционные и непозиционные системы счисления",href:"\u002Finformatika\u002Fpredstavlenie-chislovoy-informatsii-s-pomoshchyu-sistem-10",jpg:"jpg\u002F362319"},{id:343100,name:"Технологии разделения ресурсов связи",href:"\u002Finformatika\u002Ftehnologii-razdeleniya-resursov-svyazi",jpg:"jpg\u002F343100"},{id:315669,name:"ПЯВУ. Основы программирования. Лекция 4. Типы текстовых данных",href:"\u002Finformatika\u002Fpyavu-osnovy-programmirovaniya-lektsiya-4-tipy",jpg:"jpg\u002F315669"},{id:266359,name:"Инновационные технологии автоматизации процесса составления расписания с помощью программного обеспечения “Расписание”",href:"\u002Finformatika\u002Finnovatsionnye-tehnologii-avtomatizatsii-protsessa-sostavleniya-raspisaniya",jpg:"jpg\u002F266359"},{id:595053,name:"Совершенствование работы станции технического обслуживания автомобилей путем создания клиентской базы данных",href:"\u002Finformatika\u002Fsovershenstvovanie-raboty-stantsii-tehnicheskogo-obsluzhivaniya-avtomobiley",jpg:"jpg\u002F595053"},{id:587290,name:"Рекламная Подписка",href:"\u002Finformatika\u002Freklamnaya-podpiska-2",jpg:"jpg\u002F587290"},{id:415050,name:"Реклама на Яндекс.Картах",href:"\u002Finformatika\u002Freklama-na-yandekskartah-3",jpg:"jpg\u002F415050"},{id:488704,name:"Презентация Нормализация отношений баз данных",href:"\u002Finformatika\u002Fprezentatsiya-normalizatsiya-otnosheniy-baz-dannyh",jpg:"jpg\u002F488704"},{id:600120,name:"20240122_svyaz_mezhdu_sistemami_schisleniya",href:"\u002Finformatika\u002F20240122svyazmezhdusistemamischisleniya",jpg:"jpg\u002F600120"},{id:13913,name:"Базы данных. Основные понятия",href:"\u002Finformatika\u002Fbazy-dannyh-osnovnye-ponyatiya-1",jpg:"jpg\u002F13913"},{id:218954,name:"Introduction of quality assurance. Testing",href:"\u002Finformatika\u002Fintroduction-of-quality-assurance-testing",jpg:"jpg\u002F218954"},{id:380772,name:"Массивы",href:"\u002Finformatika\u002Fmassivy-48",jpg:"jpg\u002F380772"},{id:409458,name:"Перечисления и массивы. (Лекция 5)",href:"\u002Finformatika\u002Fperechisleniya-i-massivy-lektsiya-5",jpg:"jpg\u002F409458"},{id:279563,name:"Рисунки в режиме символьной печати",href:"\u002Finformatika\u002Frisunki-v-rezhime-simvolnoy-pechati",jpg:"jpg\u002F279563"},{id:147780,name:"Принципы функционирования компьютерных сетей. (Лекция 1)",href:"\u002Finformatika\u002Fprintsipy-funktsionirovaniya-kompyuternyh-setey-lektsiya-1",jpg:"jpg\u002F147780"},{id:582761,name:"Язык Python в школьном курсе информатики",href:"\u002Finformatika\u002Fyazyk-python-v-shkolnom-kurse-informatiki-1",jpg:"jpg\u002F582761"},{id:510726,name:"Конспект урока Запись арифметических выражений на языке Паскаль",href:"\u002Finformatika\u002Fkonspekt-uroka-zapis-arifmeticheskih-vyrazheniy-na",jpg:"jpg\u002F510726"}],navigation:{next:"\u002Finformatika\u002Frazrabotka-programmnyh-moduley-graficheskie-postroeniya-lektsiya",next_name:"Разработка программных модулей. Графические построения. Лекция 54",prev:"\u002Finformatika\u002Fpolymorphism-sozdanie-proekta",prev_name:"Polymorphism. Создание проекта"}}},categories:{result:[{id:H,ordering:b,name:"Без категории",pseudoname:"uncategorized"},{id:144,ordering:b,name:"Бизнес",pseudoname:"biznes"},{id:146,ordering:b,name:"Образование",pseudoname:"obrazovanie"},{id:149,ordering:b,name:"Финансы",pseudoname:"finansy"},{id:150,ordering:b,name:"Государство",pseudoname:"gosudarstvo"},{id:152,ordering:b,name:"Спорт",pseudoname:"sport"},{id:154,ordering:b,name:"Армия",pseudoname:"armiya"},{id:156,ordering:b,name:"Культурология",pseudoname:"kulturologiya"},{id:157,ordering:b,name:"Еда и кулинария",pseudoname:"eda-i-kulinariya"},{id:158,ordering:b,name:"Лингвистика",pseudoname:"lingvistika"},{id:163,ordering:b,name:"Черчение",pseudoname:"cherchenie"},{id:164,ordering:b,name:"Физкультура",pseudoname:"fizkultura"},{id:165,ordering:b,name:"ИЗО",pseudoname:"izo"},{id:166,ordering:b,name:"Психология",pseudoname:"psihologiya"},{id:116,ordering:H,name:"Английский язык",pseudoname:"angliyskiy-yazyk"},{id:108,ordering:2,name:"Астрономия",pseudoname:"astronomiya"},{id:104,ordering:3,name:"Алгебра",pseudoname:"algebra"},{id:106,ordering:4,name:"Биология",pseudoname:"biologiya"},{id:142,ordering:5,name:"География",pseudoname:"geografiya"},{id:141,ordering:6,name:"Геометрия",pseudoname:"geometria"},{id:123,ordering:7,name:"Детские презентации",pseudoname:"detskie-prezentatsii"},{id:107,ordering:8,name:G,pseudoname:"informatika"},{id:109,ordering:9,name:"История",pseudoname:"istoriya"},{id:139,ordering:10,name:"Литература",pseudoname:"literatura"},{id:119,ordering:11,name:"Маркетинг",pseudoname:"marketing"},{id:114,ordering:12,name:"Математика",pseudoname:"matematika"},{id:138,ordering:h,name:"Медицина",pseudoname:"medetsina"},{id:118,ordering:14,name:"Менеджмент",pseudoname:"menedzhment"},{id:137,ordering:15,name:"Музыка",pseudoname:"muzyka"},{id:136,ordering:16,name:"МХК",pseudoname:"mhk"},{id:130,ordering:17,name:"Немецкий язык",pseudoname:"nemetskiy-yazyk"},{id:105,ordering:18,name:"ОБЖ",pseudoname:"obzh"},{id:133,ordering:19,name:"Обществознание ",pseudoname:"obshchestvoznanie"},{id:132,ordering:20,name:"Окружающий мир ",pseudoname:"okruzhayushchiy-mir"},{id:131,ordering:21,name:"Педагогика ",pseudoname:"pedagogika"},{id:129,ordering:22,name:"Русский язык",pseudoname:"russkiy-yazyk"},{id:128,ordering:24,name:"Технология",pseudoname:"tehnologiya"},{id:127,ordering:25,name:"Физика",pseudoname:"fizika"},{id:126,ordering:26,name:"Философия",pseudoname:"filosofiya"},{id:125,ordering:27,name:"Химия",pseudoname:"himiya"},{id:124,ordering:29,name:"Экология",pseudoname:"ekologiya"},{id:121,ordering:30,name:"Экономика",pseudoname:"ekonomika"},{id:120,ordering:31,name:"Юриспруденция",pseudoname:"yurisprudentsiya"}]}},state:{},_errors:{},serverRendered:e,config:{public:{SITE_NAME:I,SITE_HOST:"mypreza.com",SITE_LANG:J,API_BASE_URL:"https:\u002F\u002Fmypreza.com\u002Fapi\u002F",pwaManifest:{name:I,short_name:a,description:a,lang:J,start_url:"\u002F?standalone=true",display:"standalone",background_color:j,theme_color:"#000000",icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.f2a6e93d.png",type:d,sizes:K,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.f2a6e93d.png",type:d,sizes:K,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.f2a6e93d.png",type:d,sizes:L,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.f2a6e93d.png",type:d,sizes:L,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.f2a6e93d.png",type:d,sizes:M,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.f2a6e93d.png",type:d,sizes:M,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.f2a6e93d.png",type:d,sizes:N,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.f2a6e93d.png",type:d,sizes:N,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.f2a6e93d.png",type:d,sizes:O,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.f2a6e93d.png",type:d,sizes:O,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.f2a6e93d.png",type:d,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.f2a6e93d.png",type:d,sizes:P,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.f2a6e93d.png",type:d,sizes:Q,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.f2a6e93d.png",type:d,sizes:Q,purpose:g}]},yandexMetrika:{id:"85004146",metrikaUrl:"https:\u002F\u002Fmc.yandex.ru\u002Fmetrika\u002Ftag.js",accurateTrackBounce:e,childIframe:c,clickmap:c,defer:c,useRuntimeConfig:e,trackHash:c,trackLinks:e,type:b,webvisor:c,triggerEvent:c,consoleLog:e,partytown:c,isDev:c}},app:{baseURL:"\u002F",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:a}},pinia:{app:{meta:{h1:l,main_text:a,main_title:m,main_description:n,main_keywords:o,main_image:a},app:{logo_image:p,logo_image_width:q,logo_image_height:r,logo_text:a,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:c,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:w,footer_before:a,footer:a,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:x,item_images:y,item_images_tag:z,item_words_h3:c,item_words_tag:A,item_words_1:h,routing:B,item_slide_skipping:C,item_download_timeout:D,item_slider_width:E,item_show_pdf:e,item_show_contents:e,item_show_filename:e},colors:{header_text:j,header_bg:i,accent:i}},social:F,token:a}}}}("",0,false,"image\u002Fpng",true,"any","maskable",13,"#d53032","#ffffff","Таблицы в HTML","Учебные презентации","Презентации в PowerPoint на разные темы","Презентации, проекты, доклады в PowerPoint на разные темы для учебы","Презентация, на тему, урок, класс, PowerPoint, скачати презентацію, фон, шаблон, доклад, проект.","images\u002Fdata\u002Flogo.png",185,40,720,480,"6LeioWIpAAAAAGqMN4KqMVIkekcMW7fBKHjXCd-a","2503267","[e-mail]","h3a","text","none","h3","category","both",80,800,"\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","Информатика",1,"Mypreza","ru","64x64","120x120","144x144","152x152","192x192","384x384","512x512")) фона ячеек таблицы, например bgcolor=«yellow“
background - позволяет заполнить фон таблицы рисунком. В качестве значения необходимо указать URL рисунка, например background=“images/foto.jpg”
bordercolor - Определяет цвет рамки (светлый цвет для объёмной) bordercolor="blue“

Атрибуты

Атрибуты

Атрибут colspan
Устанавливает число ячеек, которые должны быть объединены по горизонтали. Этот атрибут имеет смысл для таблиц, состоящих из нескольких строк.

Атрибут rowspan
Устанавливает число ячеек, которые должны быть объединены по вертикали. Этот атрибут имеет смысл для таблиц, состоящих из нескольких строк.

ОБЫЧНАЯ ТАБЛИЦА 3X2

ДВА ПРИМЕРА С ROWSPAN

ПРИМЕР С COLSPAN

ДЕМОНСТРАЦИЯ ЗАГОЛОВКОВ (

ДЕМОНСТРАЦИЯ COLSPAN И ЗАГОЛОВКОВ

ДЕМОНСТРАЦИЯ МНОЖЕСТВЕННЫХ ЗАГОЛОВКОВ, COLSPAN

ДЕМОНСТРАЦИЯ БОКОВЫХ ЗАГОЛОВКОВ

ДЕМОНСТРАЦИЯ БОКОВЫХ ЗАГОЛОВКОВ, ROWSPAN

ИСПОЛЬЗОВАНИЕ ROWSPAN/COLSPAN

ВЫРАВНИВАНИЕ, ОТСТУПЫ, РАМКИ
ТАБЛИЦА БЕЗ РАМКИ

ТАБЛИЦА С РАМКОЙ ШИРИНОЙ 10

ВЫРАВНИВАНИЕ, ЗАГОЛОВКИ И ПОДТАБЛИЦЫ
ALIGN=LEFT | RIGHT | CENTER

VALIGN=TOP | BOTTOM | MIDDLE
может применяться к отдельным ячейкам или всей строке

CAPTION=TOP

CAPTION=BOTTOM

ЗАДАНИЕ ШИРИНЫ ТАБЛИЦЫ
ШИРИНА 50%

ЗАДАНИЕ ШИРИНЫ ТАБЛИЦЫ
ШИРИНА 100%

ЦЕНТРИРОВАНИЕ ТАБЛИЦЫ НА СТРАНИЦЕ

HEIGHT=15%