Таблицы в HTML. Web-программирование

Добавление строк
Самая простая таблица в HTML создаётся при помощи трёх тегов:
Тег - обозначение таблицы
Тег - обозначение строк таблицы (table row)
Тег
- обозначение ячейки внутри строки таблицы (table data)
Слайд 3
Добавление строк
Слайд 4
Границы таблицы
Чтобы сделать границы таблицы в HTML, следует добавить к тегу
атрибут border, который должен быть строго больше нуля.
Слайд 5
Границы таблицы
Слайд 6
Границы таблицы
Атрибут border позволяет создавать, но не управлять границами. Он позволяет изменять
их толщину.
Но, при помощи данного атрибута, в CSS возможно создавать различные границы, как внутри, так и внешние, вокруг таблицы в целом.
Слайд 7
Управление границами таблиц при помощи CSS
Для этого нам нужно удалить атрибут border
и добавить его в стиль:
.
.
.
Слайд 8
Управление границами таблиц при помощи CSS
border: [border-widht || border-style || border-color]
border-widht –
определяет толщину границы
border-style – управление видом границы (dotted, dashed, solid, double, groove, ridge, inset, outset)
border-color – устанавливает цвет границы
Слайд 9
Горизонтальные и вертикальные границы в таблице HTML
border-top – верхняя граница
border-bottom – нижняя
граница
border-right – правая граница
border-left – левая граница
Слайд 10
Отступы в таблицах
Отступы задаются с помощью свойства padding:
padding-top – отступ сверху
padding-bottom –
отступ снизу
padding-right – отступ справа
padding-left – отступ слева
Слайд 11
Отступы между ячейками
Свойство border-spacing – данное свойство позволяет создавать отступ между ячейками.
Чтобы
ячейки находились отдельно друг от друга, следует использовать border-collapse: separate.
Слайд 12
Установка названия таблицы
С помощью тега
возможно задать название таблицы.
Стоит помнить, что
данный тег нужно располагать сразу после тега :
Имя файла: Таблицы-в-HTML.-Web-программирование.pptx
Количество просмотров: 27
Количество скачиваний: 0
Скачать
- Предыдущая
The test game
Следующая -
Воронеж и Воронежская область в годы Великой Отечественной войны
Похожие презентации
Я досліджую світ. Інформатика
Программирование на языке Python. Циклические алгоритмы
тиворкс
Представление числовых данных
Программно-аппаратный комплекс для диагностики катаракты глаза с помощью мобильного телефона
4FadMad. 3 закона робототехники в медицинской сфере
Интернет в жизни студента
Разработка игры на Unreal Engine 4
Браузеры
Мир науки на книжных страницах. Виртуальная выставка
Онлайн образование с применением машинного обучения
HTML1 (1)
Информационные технологии: понятие, виды информационных технологий
Введение в специальность. История ИКТ, IT и HTML. Лекция 2
Создание и использование страниц шаблонов в программе Indesign
Алфавитный подход. Решение задач. Модуль 1
Инструментарий технологии программирования: для создания информационных систем и технологий
Битрикс — фреймворк?
Отношения между объектами
Пакет подготовки презентаций
Двоичная система исчисления. 9 класс
Интернет-предпринимательство. Как собрать и мотивировать команду стартапа
Сумма выбранных элементов. Поиск элемента в массиве
История развития компьютерной мыши
Организация службы документационного обеспечения управления на примере ООО СОЮЗ
Моя любимая игра
Готовимся к ГИА (А2, В11,В12) Гамова Юлия Занефовна учитель информатики и ИКТ МБОУ «Лицей №3» Г.Саров, Нижегородской области
Школьный музей. Макет
(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:
Нажмите что бы посмотреть
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:l,main_text:b,main_title:m,main_description:n,main_keywords:o,main_image:b},app:{logo_image:p,logo_image_width:i,logo_image_height:q,logo_text:r,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:e,banner_1:b,banner_2:b,banner_3:b,banner_4:b,banner_5:b,banner_6:b,banner_7:b,banner_8:b,banner_9:b,banner_10:b,email:w,footer_before:x,footer:y,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:z,item_images:A,item_images_tag:B,item_words_h3:c,item_words_tag:C,item_words_1:h,routing:D,item_slide_skipping:E,item_download_timeout:F,item_slider_width:a,item_show_pdf:c,item_show_contents:c,item_show_filename:e},colors:{header_text:j,header_bg:k,accent:G}},social:H}},item:{result:{id:1001509,name:"Таблицы в HTML. Web-программирование",category:I,count:J,jpg:"jpg\u002F1001509",hits:K,download:a,h1:L,meta:{h1:L,title:"Таблицы в HTML. Web-программирование презентация",description:"Таблицы в HTML. Web-программирование презентация, доклад, проект, Информатика ",keywords:"Таблицы в HTML. Web-программирование, презентация, доклад, проект, скачать презентацию на тему, PowerPoint, скачати презентацію, фон, шаблон, урок, конспект, класс, школа, класс, Информатика",download_link:b},text:"\u003Cp style=\"text-align: justify;\" \u002F\u003EПрезентация на тему Таблицы в HTML. Web-программирование, из раздела: Информатика.  Презентацию в формате PowerPoint (pptx) можно скачать внизу страницы, поделившись ссылкой в социальных сетях! Презентации взяты из открытого доступа или загружены их авторами, администрация сайта не отвечает за достоверность информации в них. Все права принадлежат авторам материалов: \u003Ca href=\"politika-zashchity-avtorskih-prav\"\u003EПолитика защиты авторских прав\u003C\u002Fa\u003E",seo_text:"\u003Cp\u003EДобавление строк \u003Cbr\u003E\u003Cp\u003EСамая простая таблица в HTML создаётся при помощи трёх тегов:\u003Cbr\u003EТег \u003Ctable\u003E - обозначение таблицы\u003Cbr\u003EТег \u003Ctr\u003E - обозначение строк таблицы (table row)\u003Cbr\u003EТег \u003Ctd\u003E - обозначение ячейки внутри строки таблицы (table data)\u003Cbr\u003E \u003Cp\u003EДобавление строк\u003Cbr\u003E\u003Cp\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cbr\u003E",file:"Таблицы-в-HTML.-Web-программирование.pptx",texts:["\u003Cp\u003EWeb-программирование\u003Cbr\u003E\u003Cp\u003EТаблицы в HTML\u003Cbr\u003E","\u003Cp\u003EДобавление строк \u003Cbr\u003E\u003Cp\u003EСамая простая таблица в HTML создаётся при помощи трёх тегов:\u003Cbr\u003EТег \u003Ctable\u003E - обозначение таблицы\u003Cbr\u003EТег \u003Ctr\u003E - обозначение строк таблицы (table row)\u003Cbr\u003EТег \u003Ctd\u003E - обозначение ячейки внутри строки таблицы (table data)\u003Cbr\u003E","\u003Cp\u003EДобавление строк\u003Cbr\u003E","\u003Cp\u003EГраницы таблицы\u003Cbr\u003E\u003Cp\u003EЧтобы сделать границы таблицы в HTML, следует добавить к тегу \u003Ctable\u003E атрибут border, который должен быть строго больше нуля.\u003Cbr\u003E","\u003Cp\u003EГраницы таблицы\u003Cbr\u003E","\u003Cp\u003EГраницы таблицы\u003Cbr\u003E\u003Cp\u003EАтрибут border позволяет создавать, но не управлять границами. Он позволяет изменять их толщину.\u003Cbr\u003EНо, при помощи данного атрибута, в CSS возможно создавать различные границы, как внутри, так и внешние, вокруг таблицы в целом.\u003Cbr\u003E","\u003Cp\u003EУправление границами таблиц при помощи CSS\u003Cbr\u003E\u003Cp\u003EДля этого нам нужно удалить атрибут border и добавить его в стиль:\u003Cbr\u003E\u003Cbr\u003E\u003Cbr\u003E .\u003Cbr\u003E .\u003Cbr\u003E .\u003Cbr\u003E","\u003Cp\u003EУправление границами таблиц при помощи CSS\u003Cbr\u003E\u003Cp\u003Eborder: [border-widht || border-style || border-color]\u003Cbr\u003Eborder-widht – определяет толщину границы\u003Cbr\u003Eborder-style – управление видом границы (dotted, dashed, solid, double, groove, ridge, inset, outset)\u003Cbr\u003Eborder-color – устанавливает цвет границы\u003Cbr\u003E","\u003Cp\u003EГоризонтальные и вертикальные границы в таблице HTML\u003Cbr\u003E\u003Cp\u003Eborder-top – верхняя граница\u003Cbr\u003Eborder-bottom – нижняя граница\u003Cbr\u003Eborder-right – правая граница\u003Cbr\u003Eborder-left – левая граница\u003Cbr\u003E","\u003Cp\u003EОтступы в таблицах\u003Cbr\u003E\u003Cp\u003EОтступы задаются с помощью свойства padding:\u003Cbr\u003Epadding-top – отступ сверху\u003Cbr\u003Epadding-bottom – отступ снизу\u003Cbr\u003Epadding-right – отступ справа\u003Cbr\u003Epadding-left – отступ слева\u003Cbr\u003E","\u003Cp\u003EОтступы между ячейками\u003Cbr\u003E\u003Cp\u003EСвойство border-spacing – данное свойство позволяет создавать отступ между ячейками.\u003Cbr\u003EЧтобы ячейки находились отдельно друг от друга, следует использовать border-collapse: separate.\u003Cbr\u003E","\u003Cp\u003EУстановка названия таблицы\u003Cbr\u003E\u003Cp\u003EС помощью тега \u003Ccaption\u003E возможно задать название таблицы.\u003Cbr\u003EСтоит помнить, что данный тег нужно располагать сразу после тега \u003Ctable\u003E:\u003Cbr\u003E","\u003Cp\u003EУстановка названия таблицы\u003Cbr\u003E\u003Cp\u003EЧтобы поместить заголовок таблицы, например, вниз, то нужно использовать CSS-свойство – caption-side: bottom;\u003Cbr\u003E"],href:"\u002Fprezentacii-po-informatike\u002Ftablitsy-v-html-web-programmirovanie",href_category:"\u002Fprezentacii-po-informatike",date:1614816879,related:[{id:971120,name:"Я досліджую світ. Інформатика",href:"\u002Fprezentacii-po-informatike\u002Fya-dosldzhuyu-svt-nformatika",jpg:"jpg\u002F971120"},{id:912785,name:"Программирование на языке Python. Циклические алгоритмы",href:"\u002Fprezentacii-po-informatike\u002Fprogrammirovanie-na-yazyke-python-tsiklicheskie-algoritmy-4",jpg:"jpg\u002F912785"},{id:988451,name:"тиворкс",href:"\u002Fprezentacii-po-informatike\u002Ftivorks",jpg:"jpg\u002F988451"},{id:966976,name:"Представление числовых данных",href:"\u002Fprezentacii-po-informatike\u002Fpredstavlenie-chislovyh-dannyh-1",jpg:"jpg\u002F966976"},{id:993496,name:"Программно-аппаратный комплекс для диагностики катаракты глаза с помощью мобильного телефона",href:"\u002Fprezentacii-po-informatike\u002Fprogrammno-apparatnyy-kompleks-dlya-diagnostiki-katarakty",jpg:"jpg\u002F993496"},{id:959100,name:"4FadMad. 3 закона робототехники в медицинской сфере",href:"\u002Fprezentacii-po-informatike\u002F4fadmad-3-zakona-robototehniki-v-meditsinskoy",jpg:"jpg\u002F959100"},{id:926712,name:"Интернет в жизни студента",href:"\u002Fprezentacii-po-informatike\u002Finternet-v-zhizni-studenta-df-2",jpg:"jpg\u002F926712"},{id:1073950,name:"Разработка игры на Unreal Engine 4",href:"\u002Fprezentacii-po-informatike\u002Frazrabotka-igry-na-unreal-engine-4-83-2",jpg:"jpg\u002F1073950"},{id:1161282,name:"Браузеры",href:"\u002Fprezentacii-po-informatike\u002Fbrauzery-5-e9-2",jpg:"jpg\u002F1161282"},{id:944217,name:"Мир науки на книжных страницах. Виртуальная выставка",href:"\u002Fprezentacii-po-informatike\u002Fmir-nauki-na-knizhnyh-stranitsah-virtualnaya",jpg:"jpg\u002F944217"},{id:1085228,name:"Онлайн образование с применением машинного обучения",href:"\u002Fprezentacii-po-informatike\u002Fonlayn-obrazovanie-s-primeneniem-mashinnogo-obucheniya",jpg:"jpg\u002F1085228"},{id:1040405,name:"HTML1 (1)",href:"\u002Fprezentacii-po-informatike\u002Fhtml1-1",jpg:"jpg\u002F1040405"},{id:1141213,name:"Информационные технологии: понятие, виды информационных технологий",href:"\u002Fprezentacii-po-informatike\u002Finformatsionnye-tehnologii-ponyatie-vidy-informatsionnyh-tehnologiy",jpg:"jpg\u002F1141213"},{id:893135,name:"Введение в специальность. История ИКТ, IT и HTML. Лекция 2",href:"\u002Fprezentacii-po-informatike\u002Fvvedenie-v-spetsialnost-istoriya-ikt-it",jpg:"jpg\u002F893135"},{id:890876,name:"Создание и использование страниц шаблонов в программе Indesign",href:"\u002Fprezentacii-po-informatike\u002Fsozdanie-i-ispolzovanie-stranits-shablonov-v",jpg:"jpg\u002F890876"},{id:1067569,name:"Алфавитный подход. Решение задач. Модуль 1",href:"\u002Fprezentacii-po-informatike\u002Falfavitnyy-podhod-reshenie-zadach-modul-1",jpg:"jpg\u002F1067569"},{id:908694,name:"Инструментарий технологии программирования: для создания информационных систем и технологий",href:"\u002Fprezentacii-po-informatike\u002Finstrumentariy-tehnologii-programmirovaniya-dlya-sozdaniya-informatsionnyh",jpg:"jpg\u002F908694"},{id:915975,name:"Битрикс — фреймворк?",href:"\u002Fprezentacii-po-informatike\u002Fbitriks-freymvork",jpg:"jpg\u002F915975"},{id:1027152,name:"Отношения между объектами",href:"\u002Fprezentacii-po-informatike\u002Fotnosheniya-mezhdu-obektami-4",jpg:"jpg\u002F1027152"},{id:940346,name:"Пакет подготовки презентаций",href:"\u002Fprezentacii-po-informatike\u002Fpaket-podgotovki-prezentatsiy-8",jpg:"jpg\u002F940346"},{id:1077331,name:"Двоичная система исчисления. 9 класс",href:"\u002Fprezentacii-po-informatike\u002Fdvoichnaya-sistema-ischisleniya-9-klass-6d-2",jpg:"jpg\u002F1077331"},{id:848047,name:"Интернет-предпринимательство. Как собрать и мотивировать команду стартапа",href:"\u002Fprezentacii-po-informatike\u002Finternet-predprinimatelstvo-kak-sobrat-i-motivirovat",jpg:"jpg\u002F848047"},{id:916340,name:"Сумма выбранных элементов. Поиск элемента в массиве",href:"\u002Fprezentacii-po-informatike\u002Fsumma-vybrannyh-elementov-poisk-elementa-v",jpg:"jpg\u002F916340"},{id:1126650,name:"История развития компьютерной мыши",href:"\u002Fprezentacii-po-informatike\u002Fistoriya-razvitiya-kompyuternoy-myshi",jpg:"jpg\u002F1126650"},{id:1077381,name:"Организация службы документационного обеспечения управления на примере ООО СОЮЗ",href:"\u002Fprezentacii-po-informatike\u002Forganizatsiya-sluzhby-dokumentatsionnogo-obespecheniya-upravleniya-na",jpg:"jpg\u002F1077381"},{id:1065909,name:"Моя любимая игра",href:"\u002Fprezentacii-po-informatike\u002Fmoya-lyubimaya-igra-9",jpg:"jpg\u002F1065909"},{id:483945,name:"Готовимся к ГИА (А2, В11,В12) Гамова Юлия Занефовна учитель информатики и ИКТ МБОУ «Лицей №3» Г.Саров, Нижегородской области",href:"\u002Fprezentacii-po-informatike\u002Fgotovimsya-k-gia-a2--v11-v12-gamova-yuliya-zanefovna-uchitel-informatiki-i-ikt-mbou-licej-3-gsarov--nizhegorodskoj-oblasti",jpg:"jpg\u002F483945"},{id:1000182,name:"Школьный музей. Макет",href:"\u002Fprezentacii-po-informatike\u002Fshkolnyy-muzey-maket",jpg:"jpg\u002F1000182"}],navigation:{next:"\u002Fprezentacii-po-istorii\u002Fvoronezh-i-voronezhskaya-oblast-v-gody",next_name:"Воронеж и Воронежская область в годы Великой Отечественной войны",prev:"\u002Fprezentacii-po-informatike\u002Fthe-test-game-8a-2",prev_name:"The test game"}}},categories:{result:[{id:M,ordering:a,name:"Алгебра",pseudoname:"prezentacii-po-algebre"},{id:2,ordering:a,name:"Английский язык",pseudoname:"prezentacii-po-angliyskomu-yaziku"},{id:3,ordering:a,name:"Астрономия",pseudoname:"prezentacii-po-astronomii"},{id:4,ordering:a,name:"Биология",pseudoname:"prezentacii-po-biologii"},{id:5,ordering:a,name:"География",pseudoname:"prezentacii-po-geografii"},{id:6,ordering:a,name:"Геометрия",pseudoname:"prezentacii-po-geometrii"},{id:7,ordering:a,name:I,pseudoname:"prezentacii-po-informatike"},{id:8,ordering:a,name:"История",pseudoname:"prezentacii-po-istorii"},{id:9,ordering:a,name:"Литература",pseudoname:"prezentacii-po-literature"},{id:10,ordering:a,name:"Математика",pseudoname:"prezentacii-po-matematike"},{id:11,ordering:a,name:"Медицина",pseudoname:"prezentacii-po-medicine"},{id:h,ordering:a,name:"Музыка",pseudoname:"prezentacii-po-musice"},{id:J,ordering:a,name:"МХК",pseudoname:"prezentacii-po-mkhk"},{id:14,ordering:a,name:"ОБЖ",pseudoname:"prezentacii-po-obzh"},{id:15,ordering:a,name:"Обществознание",pseudoname:"prezentacii-po-obshhestvoznaniju"},{id:17,ordering:a,name:"Педагогика",pseudoname:"prezentacii-po-pedagogike"},{id:18,ordering:a,name:"Немецкий язык",pseudoname:"prezentacii-po-nemezkomy-yaziku"},{id:20,ordering:a,name:"Русский язык",pseudoname:"prezentacii-po-russkomu-yazyku"},{id:21,ordering:a,name:"Технология",pseudoname:"prezentacii-po-tehnologii"},{id:22,ordering:a,name:"Физика",pseudoname:"prezentacii-po-fizike"},{id:23,ordering:a,name:"Философия",pseudoname:"prezentacii-po-filosofii"},{id:24,ordering:a,name:"Химия",pseudoname:"prezentacii-po-himii"},{id:25,ordering:a,name:"Экология",pseudoname:"prezentacii-po-ehkologii"},{id:26,ordering:a,name:"Экономика",pseudoname:"prezentacii-po-ekonomike"},{id:K,ordering:a,name:"Детские презентации",pseudoname:"detskie-prezentacii"},{id:i,ordering:a,name:"Шаблоны презентаций",pseudoname:"shablony-dlya-prezentacii"},{id:29,ordering:a,name:"Разное",pseudoname:"prezentacii-na-razlichnye-temy"},{id:48,ordering:a,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:b,description:b,lang:O,start_url:"\u002F?standalone=true",display:"standalone",background_color:k,theme_color:j,icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.d7f48e96.png",type:d,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.d7f48e96.png",type:d,sizes:P,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.d7f48e96.png",type:d,sizes:Q,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.d7f48e96.png",type:d,sizes:Q,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.d7f48e96.png",type:d,sizes:R,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.d7f48e96.png",type:d,sizes:R,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.d7f48e96.png",type:d,sizes:S,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.d7f48e96.png",type:d,sizes:S,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.d7f48e96.png",type:d,sizes:T,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.d7f48e96.png",type:d,sizes:T,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.d7f48e96.png",type:d,sizes:U,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.d7f48e96.png",type:d,sizes:U,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.d7f48e96.png",type:d,sizes:V,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.d7f48e96.png",type:d,sizes:V,purpose:g}]},yandexMetrika:{id:"79446466",metrikaUrl:"https:\u002F\u002Fmc.yandex.ru\u002Fmetrika\u002Ftag.js",accurateTrackBounce:e,childIframe:c,clickmap:c,defer:c,useRuntimeConfig:e,trackHash:c,trackLinks:e,type:a,webvisor:c,triggerEvent:c,consoleLog:e,partytown:c,isDev:c}},app:{baseURL:"\u002F",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:b}},pinia:{app:{meta:{h1:l,main_text:b,main_title:m,main_description:n,main_keywords:o,main_image:b},app:{logo_image:p,logo_image_width:i,logo_image_height:q,logo_text:r,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:e,banner_1:b,banner_2:b,banner_3:b,banner_4:b,banner_5:b,banner_6:b,banner_7:b,banner_8:b,banner_9:b,banner_10:b,email:w,footer_before:x,footer:y,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:z,item_images:A,item_images_tag:B,item_words_h3:c,item_words_tag:C,item_words_1:h,routing:D,item_slide_skipping:E,item_download_timeout:F,item_slider_width:a,item_show_pdf:c,item_show_contents:c,item_show_filename:e},colors:{header_text:j,header_bg:k,accent:G}},social:H,token:b}}}}(0,"",false,"image\u002Fpng",true,"any","maskable",12,28,"#000000","#ffffff","Презентации, проекты, доклады в 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","Информатика",13,27,"Таблицы в HTML. Web-программирование ",1,"Slaidy","ru","64x64","120x120","144x144","152x152","192x192","384x384","512x512"))

Добавление строк

Границы таблицы
Чтобы сделать границы таблицы в HTML, следует добавить к тегу
атрибут border, который должен быть строго больше нуля.
Слайд 5
Границы таблицы
Слайд 6
Границы таблицы
Атрибут border позволяет создавать, но не управлять границами. Он позволяет изменять
их толщину.
Но, при помощи данного атрибута, в CSS возможно создавать различные границы, как внутри, так и внешние, вокруг таблицы в целом.
Слайд 7
Управление границами таблиц при помощи CSS
Для этого нам нужно удалить атрибут border
и добавить его в стиль:
.
.
.
Слайд 8
Управление границами таблиц при помощи CSS
border: [border-widht || border-style || border-color]
border-widht –
определяет толщину границы
border-style – управление видом границы (dotted, dashed, solid, double, groove, ridge, inset, outset)
border-color – устанавливает цвет границы
Слайд 9
Горизонтальные и вертикальные границы в таблице HTML
border-top – верхняя граница
border-bottom – нижняя
граница
border-right – правая граница
border-left – левая граница
Слайд 10
Отступы в таблицах
Отступы задаются с помощью свойства padding:
padding-top – отступ сверху
padding-bottom –
отступ снизу
padding-right – отступ справа
padding-left – отступ слева
Слайд 11
Отступы между ячейками
Свойство border-spacing – данное свойство позволяет создавать отступ между ячейками.
Чтобы
ячейки находились отдельно друг от друга, следует использовать border-collapse: separate.
Слайд 12
Установка названия таблицы
С помощью тега
возможно задать название таблицы.
Стоит помнить, что
данный тег нужно располагать сразу после тега :
Имя файла: Таблицы-в-HTML.-Web-программирование.pptx
Количество просмотров: 27
Количество скачиваний: 0
Скачать
- Предыдущая
The test game
Следующая -
Воронеж и Воронежская область в годы Великой Отечественной войны
Похожие презентации
Я досліджую світ. Інформатика
Программирование на языке Python. Циклические алгоритмы
тиворкс
Представление числовых данных
Программно-аппаратный комплекс для диагностики катаракты глаза с помощью мобильного телефона
4FadMad. 3 закона робототехники в медицинской сфере
Интернет в жизни студента
Разработка игры на Unreal Engine 4
Браузеры
Мир науки на книжных страницах. Виртуальная выставка
Онлайн образование с применением машинного обучения
HTML1 (1)
Информационные технологии: понятие, виды информационных технологий
Введение в специальность. История ИКТ, IT и HTML. Лекция 2
Создание и использование страниц шаблонов в программе Indesign
Алфавитный подход. Решение задач. Модуль 1
Инструментарий технологии программирования: для создания информационных систем и технологий
Битрикс — фреймворк?
Отношения между объектами
Пакет подготовки презентаций
Двоичная система исчисления. 9 класс
Интернет-предпринимательство. Как собрать и мотивировать команду стартапа
Сумма выбранных элементов. Поиск элемента в массиве
История развития компьютерной мыши
Организация службы документационного обеспечения управления на примере ООО СОЮЗ
Моя любимая игра
Готовимся к ГИА (А2, В11,В12) Гамова Юлия Занефовна учитель информатики и ИКТ МБОУ «Лицей №3» Г.Саров, Нижегородской области
Школьный музей. Макет
(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:
Нажмите что бы посмотреть
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:l,main_text:b,main_title:m,main_description:n,main_keywords:o,main_image:b},app:{logo_image:p,logo_image_width:i,logo_image_height:q,logo_text:r,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:e,banner_1:b,banner_2:b,banner_3:b,banner_4:b,banner_5:b,banner_6:b,banner_7:b,banner_8:b,banner_9:b,banner_10:b,email:w,footer_before:x,footer:y,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:z,item_images:A,item_images_tag:B,item_words_h3:c,item_words_tag:C,item_words_1:h,routing:D,item_slide_skipping:E,item_download_timeout:F,item_slider_width:a,item_show_pdf:c,item_show_contents:c,item_show_filename:e},colors:{header_text:j,header_bg:k,accent:G}},social:H}},item:{result:{id:1001509,name:"Таблицы в HTML. Web-программирование",category:I,count:J,jpg:"jpg\u002F1001509",hits:K,download:a,h1:L,meta:{h1:L,title:"Таблицы в HTML. Web-программирование презентация",description:"Таблицы в HTML. Web-программирование презентация, доклад, проект, Информатика ",keywords:"Таблицы в HTML. Web-программирование, презентация, доклад, проект, скачать презентацию на тему, PowerPoint, скачати презентацію, фон, шаблон, урок, конспект, класс, школа, класс, Информатика",download_link:b},text:"\u003Cp style=\"text-align: justify;\" \u002F\u003EПрезентация на тему Таблицы в HTML. Web-программирование, из раздела: Информатика.  Презентацию в формате PowerPoint (pptx) можно скачать внизу страницы, поделившись ссылкой в социальных сетях! Презентации взяты из открытого доступа или загружены их авторами, администрация сайта не отвечает за достоверность информации в них. Все права принадлежат авторам материалов: \u003Ca href=\"politika-zashchity-avtorskih-prav\"\u003EПолитика защиты авторских прав\u003C\u002Fa\u003E",seo_text:"\u003Cp\u003EДобавление строк \u003Cbr\u003E\u003Cp\u003EСамая простая таблица в HTML создаётся при помощи трёх тегов:\u003Cbr\u003EТег \u003Ctable\u003E - обозначение таблицы\u003Cbr\u003EТег \u003Ctr\u003E - обозначение строк таблицы (table row)\u003Cbr\u003EТег \u003Ctd\u003E - обозначение ячейки внутри строки таблицы (table data)\u003Cbr\u003E \u003Cp\u003EДобавление строк\u003Cbr\u003E\u003Cp\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cbr\u003E",file:"Таблицы-в-HTML.-Web-программирование.pptx",texts:["\u003Cp\u003EWeb-программирование\u003Cbr\u003E\u003Cp\u003EТаблицы в HTML\u003Cbr\u003E","\u003Cp\u003EДобавление строк \u003Cbr\u003E\u003Cp\u003EСамая простая таблица в HTML создаётся при помощи трёх тегов:\u003Cbr\u003EТег \u003Ctable\u003E - обозначение таблицы\u003Cbr\u003EТег \u003Ctr\u003E - обозначение строк таблицы (table row)\u003Cbr\u003EТег \u003Ctd\u003E - обозначение ячейки внутри строки таблицы (table data)\u003Cbr\u003E","\u003Cp\u003EДобавление строк\u003Cbr\u003E","\u003Cp\u003EГраницы таблицы\u003Cbr\u003E\u003Cp\u003EЧтобы сделать границы таблицы в HTML, следует добавить к тегу \u003Ctable\u003E атрибут border, который должен быть строго больше нуля.\u003Cbr\u003E","\u003Cp\u003EГраницы таблицы\u003Cbr\u003E","\u003Cp\u003EГраницы таблицы\u003Cbr\u003E\u003Cp\u003EАтрибут border позволяет создавать, но не управлять границами. Он позволяет изменять их толщину.\u003Cbr\u003EНо, при помощи данного атрибута, в CSS возможно создавать различные границы, как внутри, так и внешние, вокруг таблицы в целом.\u003Cbr\u003E","\u003Cp\u003EУправление границами таблиц при помощи CSS\u003Cbr\u003E\u003Cp\u003EДля этого нам нужно удалить атрибут border и добавить его в стиль:\u003Cbr\u003E\u003Cbr\u003E\u003Cbr\u003E .\u003Cbr\u003E .\u003Cbr\u003E .\u003Cbr\u003E","\u003Cp\u003EУправление границами таблиц при помощи CSS\u003Cbr\u003E\u003Cp\u003Eborder: [border-widht || border-style || border-color]\u003Cbr\u003Eborder-widht – определяет толщину границы\u003Cbr\u003Eborder-style – управление видом границы (dotted, dashed, solid, double, groove, ridge, inset, outset)\u003Cbr\u003Eborder-color – устанавливает цвет границы\u003Cbr\u003E","\u003Cp\u003EГоризонтальные и вертикальные границы в таблице HTML\u003Cbr\u003E\u003Cp\u003Eborder-top – верхняя граница\u003Cbr\u003Eborder-bottom – нижняя граница\u003Cbr\u003Eborder-right – правая граница\u003Cbr\u003Eborder-left – левая граница\u003Cbr\u003E","\u003Cp\u003EОтступы в таблицах\u003Cbr\u003E\u003Cp\u003EОтступы задаются с помощью свойства padding:\u003Cbr\u003Epadding-top – отступ сверху\u003Cbr\u003Epadding-bottom – отступ снизу\u003Cbr\u003Epadding-right – отступ справа\u003Cbr\u003Epadding-left – отступ слева\u003Cbr\u003E","\u003Cp\u003EОтступы между ячейками\u003Cbr\u003E\u003Cp\u003EСвойство border-spacing – данное свойство позволяет создавать отступ между ячейками.\u003Cbr\u003EЧтобы ячейки находились отдельно друг от друга, следует использовать border-collapse: separate.\u003Cbr\u003E","\u003Cp\u003EУстановка названия таблицы\u003Cbr\u003E\u003Cp\u003EС помощью тега \u003Ccaption\u003E возможно задать название таблицы.\u003Cbr\u003EСтоит помнить, что данный тег нужно располагать сразу после тега \u003Ctable\u003E:\u003Cbr\u003E","\u003Cp\u003EУстановка названия таблицы\u003Cbr\u003E\u003Cp\u003EЧтобы поместить заголовок таблицы, например, вниз, то нужно использовать CSS-свойство – caption-side: bottom;\u003Cbr\u003E"],href:"\u002Fprezentacii-po-informatike\u002Ftablitsy-v-html-web-programmirovanie",href_category:"\u002Fprezentacii-po-informatike",date:1614816879,related:[{id:971120,name:"Я досліджую світ. Інформатика",href:"\u002Fprezentacii-po-informatike\u002Fya-dosldzhuyu-svt-nformatika",jpg:"jpg\u002F971120"},{id:912785,name:"Программирование на языке Python. Циклические алгоритмы",href:"\u002Fprezentacii-po-informatike\u002Fprogrammirovanie-na-yazyke-python-tsiklicheskie-algoritmy-4",jpg:"jpg\u002F912785"},{id:988451,name:"тиворкс",href:"\u002Fprezentacii-po-informatike\u002Ftivorks",jpg:"jpg\u002F988451"},{id:966976,name:"Представление числовых данных",href:"\u002Fprezentacii-po-informatike\u002Fpredstavlenie-chislovyh-dannyh-1",jpg:"jpg\u002F966976"},{id:993496,name:"Программно-аппаратный комплекс для диагностики катаракты глаза с помощью мобильного телефона",href:"\u002Fprezentacii-po-informatike\u002Fprogrammno-apparatnyy-kompleks-dlya-diagnostiki-katarakty",jpg:"jpg\u002F993496"},{id:959100,name:"4FadMad. 3 закона робототехники в медицинской сфере",href:"\u002Fprezentacii-po-informatike\u002F4fadmad-3-zakona-robototehniki-v-meditsinskoy",jpg:"jpg\u002F959100"},{id:926712,name:"Интернет в жизни студента",href:"\u002Fprezentacii-po-informatike\u002Finternet-v-zhizni-studenta-df-2",jpg:"jpg\u002F926712"},{id:1073950,name:"Разработка игры на Unreal Engine 4",href:"\u002Fprezentacii-po-informatike\u002Frazrabotka-igry-na-unreal-engine-4-83-2",jpg:"jpg\u002F1073950"},{id:1161282,name:"Браузеры",href:"\u002Fprezentacii-po-informatike\u002Fbrauzery-5-e9-2",jpg:"jpg\u002F1161282"},{id:944217,name:"Мир науки на книжных страницах. Виртуальная выставка",href:"\u002Fprezentacii-po-informatike\u002Fmir-nauki-na-knizhnyh-stranitsah-virtualnaya",jpg:"jpg\u002F944217"},{id:1085228,name:"Онлайн образование с применением машинного обучения",href:"\u002Fprezentacii-po-informatike\u002Fonlayn-obrazovanie-s-primeneniem-mashinnogo-obucheniya",jpg:"jpg\u002F1085228"},{id:1040405,name:"HTML1 (1)",href:"\u002Fprezentacii-po-informatike\u002Fhtml1-1",jpg:"jpg\u002F1040405"},{id:1141213,name:"Информационные технологии: понятие, виды информационных технологий",href:"\u002Fprezentacii-po-informatike\u002Finformatsionnye-tehnologii-ponyatie-vidy-informatsionnyh-tehnologiy",jpg:"jpg\u002F1141213"},{id:893135,name:"Введение в специальность. История ИКТ, IT и HTML. Лекция 2",href:"\u002Fprezentacii-po-informatike\u002Fvvedenie-v-spetsialnost-istoriya-ikt-it",jpg:"jpg\u002F893135"},{id:890876,name:"Создание и использование страниц шаблонов в программе Indesign",href:"\u002Fprezentacii-po-informatike\u002Fsozdanie-i-ispolzovanie-stranits-shablonov-v",jpg:"jpg\u002F890876"},{id:1067569,name:"Алфавитный подход. Решение задач. Модуль 1",href:"\u002Fprezentacii-po-informatike\u002Falfavitnyy-podhod-reshenie-zadach-modul-1",jpg:"jpg\u002F1067569"},{id:908694,name:"Инструментарий технологии программирования: для создания информационных систем и технологий",href:"\u002Fprezentacii-po-informatike\u002Finstrumentariy-tehnologii-programmirovaniya-dlya-sozdaniya-informatsionnyh",jpg:"jpg\u002F908694"},{id:915975,name:"Битрикс — фреймворк?",href:"\u002Fprezentacii-po-informatike\u002Fbitriks-freymvork",jpg:"jpg\u002F915975"},{id:1027152,name:"Отношения между объектами",href:"\u002Fprezentacii-po-informatike\u002Fotnosheniya-mezhdu-obektami-4",jpg:"jpg\u002F1027152"},{id:940346,name:"Пакет подготовки презентаций",href:"\u002Fprezentacii-po-informatike\u002Fpaket-podgotovki-prezentatsiy-8",jpg:"jpg\u002F940346"},{id:1077331,name:"Двоичная система исчисления. 9 класс",href:"\u002Fprezentacii-po-informatike\u002Fdvoichnaya-sistema-ischisleniya-9-klass-6d-2",jpg:"jpg\u002F1077331"},{id:848047,name:"Интернет-предпринимательство. Как собрать и мотивировать команду стартапа",href:"\u002Fprezentacii-po-informatike\u002Finternet-predprinimatelstvo-kak-sobrat-i-motivirovat",jpg:"jpg\u002F848047"},{id:916340,name:"Сумма выбранных элементов. Поиск элемента в массиве",href:"\u002Fprezentacii-po-informatike\u002Fsumma-vybrannyh-elementov-poisk-elementa-v",jpg:"jpg\u002F916340"},{id:1126650,name:"История развития компьютерной мыши",href:"\u002Fprezentacii-po-informatike\u002Fistoriya-razvitiya-kompyuternoy-myshi",jpg:"jpg\u002F1126650"},{id:1077381,name:"Организация службы документационного обеспечения управления на примере ООО СОЮЗ",href:"\u002Fprezentacii-po-informatike\u002Forganizatsiya-sluzhby-dokumentatsionnogo-obespecheniya-upravleniya-na",jpg:"jpg\u002F1077381"},{id:1065909,name:"Моя любимая игра",href:"\u002Fprezentacii-po-informatike\u002Fmoya-lyubimaya-igra-9",jpg:"jpg\u002F1065909"},{id:483945,name:"Готовимся к ГИА (А2, В11,В12) Гамова Юлия Занефовна учитель информатики и ИКТ МБОУ «Лицей №3» Г.Саров, Нижегородской области",href:"\u002Fprezentacii-po-informatike\u002Fgotovimsya-k-gia-a2--v11-v12-gamova-yuliya-zanefovna-uchitel-informatiki-i-ikt-mbou-licej-3-gsarov--nizhegorodskoj-oblasti",jpg:"jpg\u002F483945"},{id:1000182,name:"Школьный музей. Макет",href:"\u002Fprezentacii-po-informatike\u002Fshkolnyy-muzey-maket",jpg:"jpg\u002F1000182"}],navigation:{next:"\u002Fprezentacii-po-istorii\u002Fvoronezh-i-voronezhskaya-oblast-v-gody",next_name:"Воронеж и Воронежская область в годы Великой Отечественной войны",prev:"\u002Fprezentacii-po-informatike\u002Fthe-test-game-8a-2",prev_name:"The test game"}}},categories:{result:[{id:M,ordering:a,name:"Алгебра",pseudoname:"prezentacii-po-algebre"},{id:2,ordering:a,name:"Английский язык",pseudoname:"prezentacii-po-angliyskomu-yaziku"},{id:3,ordering:a,name:"Астрономия",pseudoname:"prezentacii-po-astronomii"},{id:4,ordering:a,name:"Биология",pseudoname:"prezentacii-po-biologii"},{id:5,ordering:a,name:"География",pseudoname:"prezentacii-po-geografii"},{id:6,ordering:a,name:"Геометрия",pseudoname:"prezentacii-po-geometrii"},{id:7,ordering:a,name:I,pseudoname:"prezentacii-po-informatike"},{id:8,ordering:a,name:"История",pseudoname:"prezentacii-po-istorii"},{id:9,ordering:a,name:"Литература",pseudoname:"prezentacii-po-literature"},{id:10,ordering:a,name:"Математика",pseudoname:"prezentacii-po-matematike"},{id:11,ordering:a,name:"Медицина",pseudoname:"prezentacii-po-medicine"},{id:h,ordering:a,name:"Музыка",pseudoname:"prezentacii-po-musice"},{id:J,ordering:a,name:"МХК",pseudoname:"prezentacii-po-mkhk"},{id:14,ordering:a,name:"ОБЖ",pseudoname:"prezentacii-po-obzh"},{id:15,ordering:a,name:"Обществознание",pseudoname:"prezentacii-po-obshhestvoznaniju"},{id:17,ordering:a,name:"Педагогика",pseudoname:"prezentacii-po-pedagogike"},{id:18,ordering:a,name:"Немецкий язык",pseudoname:"prezentacii-po-nemezkomy-yaziku"},{id:20,ordering:a,name:"Русский язык",pseudoname:"prezentacii-po-russkomu-yazyku"},{id:21,ordering:a,name:"Технология",pseudoname:"prezentacii-po-tehnologii"},{id:22,ordering:a,name:"Физика",pseudoname:"prezentacii-po-fizike"},{id:23,ordering:a,name:"Философия",pseudoname:"prezentacii-po-filosofii"},{id:24,ordering:a,name:"Химия",pseudoname:"prezentacii-po-himii"},{id:25,ordering:a,name:"Экология",pseudoname:"prezentacii-po-ehkologii"},{id:26,ordering:a,name:"Экономика",pseudoname:"prezentacii-po-ekonomike"},{id:K,ordering:a,name:"Детские презентации",pseudoname:"detskie-prezentacii"},{id:i,ordering:a,name:"Шаблоны презентаций",pseudoname:"shablony-dlya-prezentacii"},{id:29,ordering:a,name:"Разное",pseudoname:"prezentacii-na-razlichnye-temy"},{id:48,ordering:a,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:b,description:b,lang:O,start_url:"\u002F?standalone=true",display:"standalone",background_color:k,theme_color:j,icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.d7f48e96.png",type:d,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.d7f48e96.png",type:d,sizes:P,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.d7f48e96.png",type:d,sizes:Q,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.d7f48e96.png",type:d,sizes:Q,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.d7f48e96.png",type:d,sizes:R,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.d7f48e96.png",type:d,sizes:R,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.d7f48e96.png",type:d,sizes:S,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.d7f48e96.png",type:d,sizes:S,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.d7f48e96.png",type:d,sizes:T,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.d7f48e96.png",type:d,sizes:T,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.d7f48e96.png",type:d,sizes:U,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.d7f48e96.png",type:d,sizes:U,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.d7f48e96.png",type:d,sizes:V,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.d7f48e96.png",type:d,sizes:V,purpose:g}]},yandexMetrika:{id:"79446466",metrikaUrl:"https:\u002F\u002Fmc.yandex.ru\u002Fmetrika\u002Ftag.js",accurateTrackBounce:e,childIframe:c,clickmap:c,defer:c,useRuntimeConfig:e,trackHash:c,trackLinks:e,type:a,webvisor:c,triggerEvent:c,consoleLog:e,partytown:c,isDev:c}},app:{baseURL:"\u002F",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:b}},pinia:{app:{meta:{h1:l,main_text:b,main_title:m,main_description:n,main_keywords:o,main_image:b},app:{logo_image:p,logo_image_width:i,logo_image_height:q,logo_text:r,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:e,banner_1:b,banner_2:b,banner_3:b,banner_4:b,banner_5:b,banner_6:b,banner_7:b,banner_8:b,banner_9:b,banner_10:b,email:w,footer_before:x,footer:y,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:z,item_images:A,item_images_tag:B,item_words_h3:c,item_words_tag:C,item_words_1:h,routing:D,item_slide_skipping:E,item_download_timeout:F,item_slider_width:a,item_show_pdf:c,item_show_contents:c,item_show_filename:e},colors:{header_text:j,header_bg:k,accent:G}},social:H,token:b}}}}(0,"",false,"image\u002Fpng",true,"any","maskable",12,28,"#000000","#ffffff","Презентации, проекты, доклады в 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","Информатика",13,27,"Таблицы в HTML. Web-программирование ",1,"Slaidy","ru","64x64","120x120","144x144","152x152","192x192","384x384","512x512")) атрибут border, который должен быть строго больше нуля.

Границы таблицы

Границы таблицы
Атрибут border позволяет создавать, но не управлять границами. Он позволяет изменять их толщину.
Но, при помощи данного атрибута, в CSS возможно создавать различные границы, как внутри, так и внешние, вокруг таблицы в целом.

Управление границами таблиц при помощи CSS
Для этого нам нужно удалить атрибут border и добавить его в стиль:
.
.
.

Управление границами таблиц при помощи CSS
border: [border-widht || border-style || border-color]
border-widht – определяет толщину границы
border-style – управление видом границы (dotted, dashed, solid, double, groove, ridge, inset, outset)
border-color – устанавливает цвет границы

Горизонтальные и вертикальные границы в таблице HTML
border-top – верхняя граница
border-bottom – нижняя граница
border-right – правая граница
border-left – левая граница

Отступы в таблицах
Отступы задаются с помощью свойства padding:
padding-top – отступ сверху
padding-bottom – отступ снизу
padding-right – отступ справа
padding-left – отступ слева

Отступы между ячейками
Свойство border-spacing – данное свойство позволяет создавать отступ между ячейками.
Чтобы ячейки находились отдельно друг от друга, следует использовать border-collapse: separate.

Установка названия таблицы
С помощью тега