Таблицы в 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
Количество просмотров: 70
Количество скачиваний: 0
Скачать
- Предыдущая
Polymorphism. Создание проекта
Следующая -
Разработка программных модулей. Графические построения. Лекция 54
Похожие презентации
Среда программирования Pascal ABC
Презентация по информатике Информационные технологии
Создание печатных публикаций
Оформление газет
Хочу писать красивые тексты: что делать?
Правила создания презентаций.Урок родного (русского) языка.. 6 класс
Организация защиты информации в локальной сети компании ООО MAN Truck and Bus Rus
Компоновка элементов в WPF
Социальные сети
Инклюзивное образование сегодня
Специфика аудиовизуальной сферы в журналистике
Особенности и основные аспекты проектирования облачных архитектур
HTML: Базові, основні та складні елементи. Лекция 25
Метод оценки качества, основанный на иерархической модели
Федеральный закон Российской Федерации от 06.04.2011 № 63-ФЗ Об электронной подписи. Виды, состав ЭП
Передача и коммутация данных в компьютерных сетях Сертификационный курс. Часть 1. Лекция 3
Новое в ЕГЭ и ГИА по информатике и ИКТ
Установка и настройка веб-сервера Apache2 на ОС Ubuntu server
Логическое программирование и язык Пролог
Способы несанкционированного доступа к информации и понятие аутентификации
Информационная безопасность: государственная политика Российской федерации. Борьба с фейками
Разработка мобильного приложение для повышения навыков программирования “CodingChamps
Группа Компаний СДЭК. Логистические решения
Детектор лиц
Базы данных
Основные правила заполнения калькуляции PBD
нформационные ресурсы общества Информационные услуги и продукты
Веб-форумы
Обратная связь
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:n,main_text:a,main_title:o,main_description:p,main_keywords:q,main_image:a},app:{logo_image:r,logo_image_width:s,logo_image_height:t,logo_text:a,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:a,footer:a,dark_theme:e,strategy:{image_alt_words:j,item_slide_header:z,item_images:A,item_images_tag:h,item_words_h3:d,item_words_tag:h,item_words_1:k,routing:B,item_slide_skipping:C,item_download_timeout:D,item_slider_width:E,item_show_pdf:d,item_show_contents:d,item_show_filename:d},colors:{header_text:l,header_bg:i,accent:i}},social:F}},categories:{result:[{id:G,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:G,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:H,pseudoname:"informatika"},{id:109,ordering:9,name:"История",pseudoname:"istoriya"},{id:139,ordering:j,name:"Литература",pseudoname:"literatura"},{id:119,ordering:k,name:"Маркетинг",pseudoname:"marketing"},{id:114,ordering:12,name:"Математика",pseudoname:"matematika"},{id:138,ordering:13,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"}]},item:{result:{id:167684,name:m,category:H,count:28,jpg:"jpg\u002F167684",hits:70,download:b,h1:"Таблицы в HTML презентация",meta:{h1:m,title:m,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:405003,name:"Среда программирования Pascal ABC",href:"\u002Finformatika\u002Fsreda-programmirovaniya-pascal-abc",jpg:"jpg\u002F405003"},{id:463398,name:"Презентация по информатике Информационные технологии",href:"\u002Finformatika\u002Fprezentatsiya-po-informatike-informatsionnye-tehnologii",jpg:"jpg\u002F463398"},{id:551550,name:"Создание печатных публикаций",href:"\u002Finformatika\u002Fsozdanie-pechatnyh-publikatsiy",jpg:"jpg\u002F551550"},{id:150662,name:"Оформление газет",href:"\u002Finformatika\u002Foformlenie-gazet",jpg:"jpg\u002F150662"},{id:375126,name:"Хочу писать красивые тексты: что делать?",href:"\u002Finformatika\u002Fhochu-pisat-krasivye-teksty-chto-delat",jpg:"jpg\u002F375126"},{id:96201,name:"Правила создания презентаций.Урок родного (русского) языка.. 6 класс",href:"\u002Finformatika\u002Fpravila-sozdaniya-prezentatsiyurok-rodnogo-russkogo-yazyka",jpg:"jpg\u002F96201"},{id:267600,name:"Организация защиты информации в локальной сети компании ООО MAN Truck and Bus Rus",href:"\u002Finformatika\u002Forganizatsiya-zashchity-informatsii-v-lokalnoy-seti",jpg:"jpg\u002F267600"},{id:413905,name:"Компоновка элементов в WPF",href:"\u002Finformatika\u002Fkomponovka-elementov-v-wpf",jpg:"jpg\u002F413905"},{id:230542,name:"Социальные сети",href:"\u002Finformatika\u002Fsotsialnye-seti-18",jpg:"jpg\u002F230542"},{id:10461,name:"Инклюзивное образование сегодня",href:"\u002Finformatika\u002Finklyuzivnoe-obrazovanie-segodnya",jpg:"jpg\u002F10461"},{id:169310,name:"Специфика аудиовизуальной сферы в журналистике",href:"\u002Finformatika\u002Fspetsifika-audiovizualnoy-sfery-v-zhurnalistike",jpg:"jpg\u002F169310"},{id:22560,name:"Особенности и основные аспекты проектирования облачных архитектур",href:"\u002Finformatika\u002Fosobennosti-i-osnovnye-aspekty-proektirovaniya-oblachnyh",jpg:"jpg\u002F22560"},{id:203058,name:"HTML: Базові, основні та складні елементи. Лекция 25",href:"\u002Finformatika\u002Fhtml-bazov-osnovn-ta-skladn-elementi",jpg:"jpg\u002F203058"},{id:206087,name:"Метод оценки качества, основанный на иерархической модели",href:"\u002Finformatika\u002Fmetod-otsenki-kachestva-osnovannyy-na-ierarhicheskoy",jpg:"jpg\u002F206087"},{id:365060,name:"Федеральный закон Российской Федерации от 06.04.2011 № 63-ФЗ Об электронной подписи. Виды, состав ЭП",href:"\u002Finformatika\u002Ffederalnyy-zakon-rossiyskoy-federatsii-ot-06042011",jpg:"jpg\u002F365060"},{id:422900,name:"Передача и коммутация данных в компьютерных сетях Сертификационный курс. Часть 1. Лекция 3",href:"\u002Finformatika\u002Fperedacha-i-kommutatsiya-dannyh-v-kompyuternyh-2",jpg:"jpg\u002F422900"},{id:347276,name:"Новое в ЕГЭ и ГИА по информатике и ИКТ",href:"\u002Finformatika\u002Fnovoe-v-ege-i-gia-po",jpg:"jpg\u002F347276"},{id:579557,name:"Установка и настройка веб-сервера Apache2 на ОС Ubuntu server",href:"\u002Finformatika\u002Fustanovka-i-nastroyka-veb-servera-apache2",jpg:"jpg\u002F579557"},{id:143425,name:"Логическое программирование и язык Пролог",href:"\u002Finformatika\u002Flogicheskoe-programmirovanie-i-yazyk-prolog",jpg:"jpg\u002F143425"},{id:171939,name:"Способы несанкционированного доступа к информации и понятие аутентификации",href:"\u002Finformatika\u002Fsposoby-nesanktsionirovannogo-dostupa-k-informatsii-i",jpg:"jpg\u002F171939"},{id:596705,name:"Информационная безопасность: государственная политика Российской федерации. Борьба с фейками",href:"\u002Finformatika\u002Finformatsionnaya-bezopasnost-gosudarstvennaya-politika-rossiyskoy-federatsii",jpg:"jpg\u002F596705"},{id:580121,name:"Разработка мобильного приложение для повышения навыков программирования “CodingChamps",href:"\u002Finformatika\u002Frazrabotka-mobilnogo-prilozhenie-dlya-povysheniya-navykov",jpg:"jpg\u002F580121"},{id:266821,name:"Группа Компаний СДЭК. Логистические решения",href:"\u002Finformatika\u002Fgruppa-kompaniy-sdek-logisticheskie-resheniya",jpg:"jpg\u002F266821"},{id:238208,name:"Детектор лиц",href:"\u002Finformatika\u002Fdetektor-lits-1",jpg:"jpg\u002F238208"},{id:582228,name:"Базы данных",href:"\u002Finformatika\u002Fbazy-dannyh-2053",jpg:"jpg\u002F582228"},{id:9405,name:"Основные правила заполнения калькуляции PBD",href:"\u002Finformatika\u002Fosnovnye-pravila-zapolneniya-kalkulyatsii-pbd",jpg:"jpg\u002F9405"},{id:392776,name:"нформационные ресурсы общества Информационные услуги и продукты",href:"\u002Finformatika\u002Fnformatsionnye-resursy-obshchestva-informatsionnye-uslugi-i",jpg:"jpg\u002F392776"},{id:285448,name:"Веб-форумы",href:"\u002Finformatika\u002Fveb-forumy-1",jpg:"jpg\u002F285448"}],navigation:{next:"\u002Finformatika\u002Frazrabotka-programmnyh-moduley-graficheskie-postroeniya-lektsiya",next_name:"Разработка программных модулей. Графические построения. Лекция 54",prev:"\u002Finformatika\u002Fpolymorphism-sozdanie-proekta",prev_name:"Polymorphism. Создание проекта"}}}},state:{},_errors:{},serverRendered:d,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:l,theme_color:"#000000",icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.f2a6e93d.png",type:c,sizes:K,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.f2a6e93d.png",type:c,sizes:K,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.f2a6e93d.png",type:c,sizes:L,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.f2a6e93d.png",type:c,sizes:L,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.f2a6e93d.png",type:c,sizes:M,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.f2a6e93d.png",type:c,sizes:M,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.f2a6e93d.png",type:c,sizes:N,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.f2a6e93d.png",type:c,sizes:N,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.f2a6e93d.png",type:c,sizes:O,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.f2a6e93d.png",type:c,sizes:O,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.f2a6e93d.png",type:c,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.f2a6e93d.png",type:c,sizes:P,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.f2a6e93d.png",type:c,sizes:Q,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.f2a6e93d.png",type:c,sizes:Q,purpose:g}]},yandexMetrika:{id:"85004146",metrikaUrl:"https:\u002F\u002Fmc.yandex.ru\u002Fmetrika\u002Ftag.js",accurateTrackBounce:d,childIframe:e,clickmap:e,defer:e,useRuntimeConfig:d,trackHash:e,trackLinks:d,type:b,webvisor:e,triggerEvent:e,consoleLog:d,partytown:e,isDev:e}},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:s,logo_image_height:t,logo_text:a,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:a,footer:a,dark_theme:e,strategy:{image_alt_words:j,item_slide_header:z,item_images:A,item_images_tag:h,item_words_h3:d,item_words_tag:h,item_words_1:k,routing:B,item_slide_skipping:C,item_download_timeout:D,item_slider_width:E,item_show_pdf:d,item_show_contents:d,item_show_filename:d},colors:{header_text:l,header_bg:i,accent:i}},social:F,token:a}}}}("",0,"image\u002Fpng",true,false,"any","maskable","h2","#d53032",10,11,"#ffffff","Таблицы в HTML","Учебные презентации","Презентации в PowerPoint на разные темы","Презентации, проекты, доклады в PowerPoint на разные темы для учебы","Презентация, на тему, урок, класс, PowerPoint, скачати презентацію, фон, шаблон, доклад, проект.","images\u002Fdata\u002Flogo.png",185,40,720,480,"6LeioWIpAAAAAGqMN4KqMVIkekcMW7fBKHjXCd-a","2503267","[e-mail]","div","images_before","category","both",88,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
Количество просмотров: 70
Количество скачиваний: 0
Скачать
- Предыдущая
Polymorphism. Создание проекта
Следующая -
Разработка программных модулей. Графические построения. Лекция 54
Похожие презентации
Среда программирования Pascal ABC
Презентация по информатике Информационные технологии
Создание печатных публикаций
Оформление газет
Хочу писать красивые тексты: что делать?
Правила создания презентаций.Урок родного (русского) языка.. 6 класс
Организация защиты информации в локальной сети компании ООО MAN Truck and Bus Rus
Компоновка элементов в WPF
Социальные сети
Инклюзивное образование сегодня
Специфика аудиовизуальной сферы в журналистике
Особенности и основные аспекты проектирования облачных архитектур
HTML: Базові, основні та складні елементи. Лекция 25
Метод оценки качества, основанный на иерархической модели
Федеральный закон Российской Федерации от 06.04.2011 № 63-ФЗ Об электронной подписи. Виды, состав ЭП
Передача и коммутация данных в компьютерных сетях Сертификационный курс. Часть 1. Лекция 3
Новое в ЕГЭ и ГИА по информатике и ИКТ
Установка и настройка веб-сервера Apache2 на ОС Ubuntu server
Логическое программирование и язык Пролог
Способы несанкционированного доступа к информации и понятие аутентификации
Информационная безопасность: государственная политика Российской федерации. Борьба с фейками
Разработка мобильного приложение для повышения навыков программирования “CodingChamps
Группа Компаний СДЭК. Логистические решения
Детектор лиц
Базы данных
Основные правила заполнения калькуляции PBD
нформационные ресурсы общества Информационные услуги и продукты
Веб-форумы
Обратная связь
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:n,main_text:a,main_title:o,main_description:p,main_keywords:q,main_image:a},app:{logo_image:r,logo_image_width:s,logo_image_height:t,logo_text:a,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:a,footer:a,dark_theme:e,strategy:{image_alt_words:j,item_slide_header:z,item_images:A,item_images_tag:h,item_words_h3:d,item_words_tag:h,item_words_1:k,routing:B,item_slide_skipping:C,item_download_timeout:D,item_slider_width:E,item_show_pdf:d,item_show_contents:d,item_show_filename:d},colors:{header_text:l,header_bg:i,accent:i}},social:F}},categories:{result:[{id:G,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:G,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:H,pseudoname:"informatika"},{id:109,ordering:9,name:"История",pseudoname:"istoriya"},{id:139,ordering:j,name:"Литература",pseudoname:"literatura"},{id:119,ordering:k,name:"Маркетинг",pseudoname:"marketing"},{id:114,ordering:12,name:"Математика",pseudoname:"matematika"},{id:138,ordering:13,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"}]},item:{result:{id:167684,name:m,category:H,count:28,jpg:"jpg\u002F167684",hits:70,download:b,h1:"Таблицы в HTML презентация",meta:{h1:m,title:m,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:405003,name:"Среда программирования Pascal ABC",href:"\u002Finformatika\u002Fsreda-programmirovaniya-pascal-abc",jpg:"jpg\u002F405003"},{id:463398,name:"Презентация по информатике Информационные технологии",href:"\u002Finformatika\u002Fprezentatsiya-po-informatike-informatsionnye-tehnologii",jpg:"jpg\u002F463398"},{id:551550,name:"Создание печатных публикаций",href:"\u002Finformatika\u002Fsozdanie-pechatnyh-publikatsiy",jpg:"jpg\u002F551550"},{id:150662,name:"Оформление газет",href:"\u002Finformatika\u002Foformlenie-gazet",jpg:"jpg\u002F150662"},{id:375126,name:"Хочу писать красивые тексты: что делать?",href:"\u002Finformatika\u002Fhochu-pisat-krasivye-teksty-chto-delat",jpg:"jpg\u002F375126"},{id:96201,name:"Правила создания презентаций.Урок родного (русского) языка.. 6 класс",href:"\u002Finformatika\u002Fpravila-sozdaniya-prezentatsiyurok-rodnogo-russkogo-yazyka",jpg:"jpg\u002F96201"},{id:267600,name:"Организация защиты информации в локальной сети компании ООО MAN Truck and Bus Rus",href:"\u002Finformatika\u002Forganizatsiya-zashchity-informatsii-v-lokalnoy-seti",jpg:"jpg\u002F267600"},{id:413905,name:"Компоновка элементов в WPF",href:"\u002Finformatika\u002Fkomponovka-elementov-v-wpf",jpg:"jpg\u002F413905"},{id:230542,name:"Социальные сети",href:"\u002Finformatika\u002Fsotsialnye-seti-18",jpg:"jpg\u002F230542"},{id:10461,name:"Инклюзивное образование сегодня",href:"\u002Finformatika\u002Finklyuzivnoe-obrazovanie-segodnya",jpg:"jpg\u002F10461"},{id:169310,name:"Специфика аудиовизуальной сферы в журналистике",href:"\u002Finformatika\u002Fspetsifika-audiovizualnoy-sfery-v-zhurnalistike",jpg:"jpg\u002F169310"},{id:22560,name:"Особенности и основные аспекты проектирования облачных архитектур",href:"\u002Finformatika\u002Fosobennosti-i-osnovnye-aspekty-proektirovaniya-oblachnyh",jpg:"jpg\u002F22560"},{id:203058,name:"HTML: Базові, основні та складні елементи. Лекция 25",href:"\u002Finformatika\u002Fhtml-bazov-osnovn-ta-skladn-elementi",jpg:"jpg\u002F203058"},{id:206087,name:"Метод оценки качества, основанный на иерархической модели",href:"\u002Finformatika\u002Fmetod-otsenki-kachestva-osnovannyy-na-ierarhicheskoy",jpg:"jpg\u002F206087"},{id:365060,name:"Федеральный закон Российской Федерации от 06.04.2011 № 63-ФЗ Об электронной подписи. Виды, состав ЭП",href:"\u002Finformatika\u002Ffederalnyy-zakon-rossiyskoy-federatsii-ot-06042011",jpg:"jpg\u002F365060"},{id:422900,name:"Передача и коммутация данных в компьютерных сетях Сертификационный курс. Часть 1. Лекция 3",href:"\u002Finformatika\u002Fperedacha-i-kommutatsiya-dannyh-v-kompyuternyh-2",jpg:"jpg\u002F422900"},{id:347276,name:"Новое в ЕГЭ и ГИА по информатике и ИКТ",href:"\u002Finformatika\u002Fnovoe-v-ege-i-gia-po",jpg:"jpg\u002F347276"},{id:579557,name:"Установка и настройка веб-сервера Apache2 на ОС Ubuntu server",href:"\u002Finformatika\u002Fustanovka-i-nastroyka-veb-servera-apache2",jpg:"jpg\u002F579557"},{id:143425,name:"Логическое программирование и язык Пролог",href:"\u002Finformatika\u002Flogicheskoe-programmirovanie-i-yazyk-prolog",jpg:"jpg\u002F143425"},{id:171939,name:"Способы несанкционированного доступа к информации и понятие аутентификации",href:"\u002Finformatika\u002Fsposoby-nesanktsionirovannogo-dostupa-k-informatsii-i",jpg:"jpg\u002F171939"},{id:596705,name:"Информационная безопасность: государственная политика Российской федерации. Борьба с фейками",href:"\u002Finformatika\u002Finformatsionnaya-bezopasnost-gosudarstvennaya-politika-rossiyskoy-federatsii",jpg:"jpg\u002F596705"},{id:580121,name:"Разработка мобильного приложение для повышения навыков программирования “CodingChamps",href:"\u002Finformatika\u002Frazrabotka-mobilnogo-prilozhenie-dlya-povysheniya-navykov",jpg:"jpg\u002F580121"},{id:266821,name:"Группа Компаний СДЭК. Логистические решения",href:"\u002Finformatika\u002Fgruppa-kompaniy-sdek-logisticheskie-resheniya",jpg:"jpg\u002F266821"},{id:238208,name:"Детектор лиц",href:"\u002Finformatika\u002Fdetektor-lits-1",jpg:"jpg\u002F238208"},{id:582228,name:"Базы данных",href:"\u002Finformatika\u002Fbazy-dannyh-2053",jpg:"jpg\u002F582228"},{id:9405,name:"Основные правила заполнения калькуляции PBD",href:"\u002Finformatika\u002Fosnovnye-pravila-zapolneniya-kalkulyatsii-pbd",jpg:"jpg\u002F9405"},{id:392776,name:"нформационные ресурсы общества Информационные услуги и продукты",href:"\u002Finformatika\u002Fnformatsionnye-resursy-obshchestva-informatsionnye-uslugi-i",jpg:"jpg\u002F392776"},{id:285448,name:"Веб-форумы",href:"\u002Finformatika\u002Fveb-forumy-1",jpg:"jpg\u002F285448"}],navigation:{next:"\u002Finformatika\u002Frazrabotka-programmnyh-moduley-graficheskie-postroeniya-lektsiya",next_name:"Разработка программных модулей. Графические построения. Лекция 54",prev:"\u002Finformatika\u002Fpolymorphism-sozdanie-proekta",prev_name:"Polymorphism. Создание проекта"}}}},state:{},_errors:{},serverRendered:d,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:l,theme_color:"#000000",icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.f2a6e93d.png",type:c,sizes:K,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.f2a6e93d.png",type:c,sizes:K,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.f2a6e93d.png",type:c,sizes:L,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.f2a6e93d.png",type:c,sizes:L,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.f2a6e93d.png",type:c,sizes:M,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.f2a6e93d.png",type:c,sizes:M,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.f2a6e93d.png",type:c,sizes:N,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.f2a6e93d.png",type:c,sizes:N,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.f2a6e93d.png",type:c,sizes:O,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.f2a6e93d.png",type:c,sizes:O,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.f2a6e93d.png",type:c,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.f2a6e93d.png",type:c,sizes:P,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.f2a6e93d.png",type:c,sizes:Q,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.f2a6e93d.png",type:c,sizes:Q,purpose:g}]},yandexMetrika:{id:"85004146",metrikaUrl:"https:\u002F\u002Fmc.yandex.ru\u002Fmetrika\u002Ftag.js",accurateTrackBounce:d,childIframe:e,clickmap:e,defer:e,useRuntimeConfig:d,trackHash:e,trackLinks:d,type:b,webvisor:e,triggerEvent:e,consoleLog:d,partytown:e,isDev:e}},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:s,logo_image_height:t,logo_text:a,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:a,footer:a,dark_theme:e,strategy:{image_alt_words:j,item_slide_header:z,item_images:A,item_images_tag:h,item_words_h3:d,item_words_tag:h,item_words_1:k,routing:B,item_slide_skipping:C,item_download_timeout:D,item_slider_width:E,item_show_pdf:d,item_show_contents:d,item_show_filename:d},colors:{header_text:l,header_bg:i,accent:i}},social:F,token:a}}}}("",0,"image\u002Fpng",true,false,"any","maskable","h2","#d53032",10,11,"#ffffff","Таблицы в HTML","Учебные презентации","Презентации в PowerPoint на разные темы","Презентации, проекты, доклады в PowerPoint на разные темы для учебы","Презентация, на тему, урок, класс, PowerPoint, скачати презентацію, фон, шаблон, доклад, проект.","images\u002Fdata\u002Flogo.png",185,40,720,480,"6LeioWIpAAAAAGqMN4KqMVIkekcMW7fBKHjXCd-a","2503267","[e-mail]","div","images_before","category","both",88,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%