Таблицы в 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
Количество просмотров: 131
Количество скачиваний: 0
Скачать
- Предыдущая
The test game
Следующая -
Воронеж и Воронежская область в годы Великой Отечественной войны
Похожие презентации
Seismic image regression
Создание графических примитивов в графическом редакторе
03_Технологии_2_Разработка_сайтов (2)
Школа аналитиков Умные ребята. Загрузка и моделирование данных
Введение в специальность - программист
Обработка графической информации. Обработка фотографий
Информатика. Повторение и обобщение изученного материала
Презентация на тему Компьютерные сети. Адресация в Internet
Старт партнерки
Методологические основы CASE – технологии
Socia lMedia Get Started
Почтовый лист и современные бланки
Типы данных в VBA
Графические редакторы
Знакомство с Векторным редактором, встроеннЫм в WORD 2007
Официальный сайт МОБУ СОШ им. С.М. Чугункина
Информационные системы в экономике
Коммуникация СССУ в едином информационном пространстве
Как запланировать онлайн лекцию
Курс Базы данных
Untitled presentation (2)
Безопасное пользование Интернетом
3D моделирование. Викторина
Основные понятия информатики
Компьютерные сети
Сайты образовательных учреждений
Программирование на языке Java. Форматный вывод
Архитектура компьютеров. Устройства хранения информации
(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:w,email:x,footer_before:y,footer:z,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:A,item_images:B,item_images_tag:C,item_words_h3:c,item_words_tag:D,item_words_1:h,routing:E,item_slide_skipping:F,item_download_timeout:G,item_slider_width:a,item_show_pdf:c,item_show_contents:c,item_show_filename:e},colors:{header_text:j,header_bg:k,accent:H}},social:I}},categories:{result:[{id:J,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:K,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:L,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:27,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:J,name:"Окружающий мир",pseudoname:"prezentacii-po-okruzhayushhemu-miru"}]},item:{result:{id:1001509,name:"Таблицы в HTML. Web-программирование",category:K,count:L,jpg:"jpg\u002F1001509",hits:131,download:a,h1:M,meta:{h1:M,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:866637,name:"Seismic image regression",href:"\u002Fprezentacii-po-informatike\u002Fseismic-image-regression",jpg:"jpg\u002F866637"},{id:843434,name:"Создание графических примитивов в графическом редакторе",href:"\u002Fprezentacii-po-informatike\u002Fsozdanie-graficheskih-primitivov-v-graficheskom-redaktore",jpg:"jpg\u002F843434"},{id:1181003,name:"03_Технологии_2_Разработка_сайтов (2)",href:"\u002Fprezentacii-po-informatike\u002F03tehnologii2razrabotkasaitov-2",jpg:"jpg\u002F1181003"},{id:974714,name:"Школа аналитиков Умные ребята. Загрузка и моделирование данных",href:"\u002Fprezentacii-po-informatike\u002Fshkola-analitikov-umnye-rebyata-zagruzka-i",jpg:"jpg\u002F974714"},{id:1054337,name:"Введение в специальность - программист",href:"\u002Fprezentacii-po-informatike\u002Fvvedenie-v-spetsialnost-programmist-1",jpg:"jpg\u002F1054337"},{id:1048402,name:"Обработка графической информации. Обработка фотографий",href:"\u002Fprezentacii-po-informatike\u002Fobrabotka-graficheskoy-informatsii-obrabotka-fotografiy-1",jpg:"jpg\u002F1048402"},{id:917434,name:"Информатика. Повторение и обобщение изученного материала",href:"\u002Fprezentacii-po-informatike\u002Finformatika-povtorenie-i-obobshchenie-izuchennogo-materiala",jpg:"jpg\u002F917434"},{id:282256,name:"Презентация на тему Компьютерные сети. Адресация в Internet ",href:"\u002Fprezentacii-po-informatike\u002F-95",jpg:"jpg\u002F282256"},{id:1121843,name:"Старт партнерки",href:"\u002Fprezentacii-po-informatike\u002Fstart-partnerki-1-b9-2",jpg:"jpg\u002F1121843"},{id:1040599,name:"Методологические основы CASE – технологии",href:"\u002Fprezentacii-po-informatike\u002Fmetodologicheskie-osnovy-case--tehnologii",jpg:"jpg\u002F1040599"},{id:977642,name:"Socia lMedia Get Started",href:"\u002Fprezentacii-po-informatike\u002Fsocia-lmedia-get-started",jpg:"jpg\u002F977642"},{id:848066,name:"Почтовый лист и современные бланки",href:"\u002Fprezentacii-po-informatike\u002Fpochtovyy-list-i-sovremennye-blanki",jpg:"jpg\u002F848066"},{id:1103902,name:"Типы данных в VBA",href:"\u002Fprezentacii-po-informatike\u002Ftipy-dannyh-v-vba",jpg:"jpg\u002F1103902"},{id:1104476,name:"Графические редакторы",href:"\u002Fprezentacii-po-informatike\u002Fgraficheskie-redaktory-14",jpg:"jpg\u002F1104476"},{id:1134848,name:"Знакомство с Векторным редактором, встроеннЫм в WORD 2007",href:"\u002Fprezentacii-po-informatike\u002Fznakomstvo-s-vektornym-redaktorom-vstroennym-v",jpg:"jpg\u002F1134848"},{id:1042576,name:"Официальный сайт МОБУ СОШ им. С.М. Чугункина",href:"\u002Fprezentacii-po-informatike\u002Fofitsialnyy-sayt-mobu-sosh-im-sm",jpg:"jpg\u002F1042576"},{id:930401,name:"Информационные системы в экономике",href:"\u002Fprezentacii-po-informatike\u002Finformatsionnye-sistemy-v-ekonomike-7",jpg:"jpg\u002F930401"},{id:909665,name:"Коммуникация СССУ в едином информационном пространстве",href:"\u002Fprezentacii-po-informatike\u002Fkommunikatsiya-sssu-v-edinom-informatsionnom-prostranstve",jpg:"jpg\u002F909665"},{id:1048432,name:"Как запланировать онлайн лекцию",href:"\u002Fprezentacii-po-informatike\u002Fkak-zaplanirovat-onlayn-lektsiyu",jpg:"jpg\u002F1048432"},{id:1042627,name:"Курс Базы данных",href:"\u002Fprezentacii-po-informatike\u002Fkurs-bazy-dannyh-1",jpg:"jpg\u002F1042627"},{id:994402,name:"Untitled presentation (2)",href:"\u002Fprezentacii-po-informatike\u002Funtitled-presentation-2",jpg:"jpg\u002F994402"},{id:1092230,name:"Безопасное пользование Интернетом",href:"\u002Fprezentacii-po-informatike\u002Fbezopasnoe-polzovanie-internetom",jpg:"jpg\u002F1092230"},{id:1160107,name:"3D моделирование. Викторина",href:"\u002Fprezentacii-po-informatike\u002F3d-modelirovanie-viktorina",jpg:"jpg\u002F1160107"},{id:1030021,name:"Основные понятия информатики",href:"\u002Fprezentacii-po-informatike\u002Fosnovnye-ponyatiya-informatiki-8",jpg:"jpg\u002F1030021"},{id:1002305,name:"Компьютерные сети",href:"\u002Fprezentacii-po-informatike\u002Fkompyuternye-seti-145",jpg:"jpg\u002F1002305"},{id:845785,name:"Сайты образовательных учреждений",href:"\u002Fprezentacii-po-informatike\u002Fsayty-obrazovatelnyh-uchrezhdeniy",jpg:"jpg\u002F845785"},{id:1055482,name:"Программирование на языке Java. Форматный вывод",href:"\u002Fprezentacii-po-informatike\u002Fprogrammirovanie-na-yazyke-java-formatnyy-vyvod",jpg:"jpg\u002F1055482"},{id:843258,name:"Архитектура компьютеров. Устройства хранения информации",href:"\u002Fprezentacii-po-informatike\u002Farhitektura-kompyuterov-ustroystva-hraneniya-informatsii",jpg:"jpg\u002F843258"}],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"}}}},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:w,email:x,footer_before:y,footer:z,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:A,item_images:B,item_images_tag:C,item_words_h3:c,item_words_tag:D,item_words_1:h,routing:E,item_slide_skipping:F,item_download_timeout:G,item_slider_width:a,item_show_pdf:c,item_show_contents:c,item_show_filename:e},colors:{header_text:j,header_bg:k,accent:H}},social:I,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,"6LfWmAYrAAAAAFyidHOK1ZHtYSECWR5CvAmygt5c","3190226","\u003C!-- Yandex.RTB R-A-1990700-7 --\u003E\r\n\u003Cscript\u003E\r\nwindow.yaContextCb.push(() =\u003E {\r\n Ya.Context.AdvManager.render({\r\n \"blockId\": \"R-A-1990700-7\",\r\n \"type\": \"fullscreen\",\r\n \"platform\": \"touch\"\r\n })\r\n})\r\n\u003C\u002Fscript\u003E","[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",1,"Информатика",13,"Таблицы в HTML. Web-программирование ","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
Количество просмотров: 131
Количество скачиваний: 0
Скачать
- Предыдущая
The test game
Следующая -
Воронеж и Воронежская область в годы Великой Отечественной войны
Похожие презентации
Seismic image regression
Создание графических примитивов в графическом редакторе
03_Технологии_2_Разработка_сайтов (2)
Школа аналитиков Умные ребята. Загрузка и моделирование данных
Введение в специальность - программист
Обработка графической информации. Обработка фотографий
Информатика. Повторение и обобщение изученного материала
Презентация на тему Компьютерные сети. Адресация в Internet
Старт партнерки
Методологические основы CASE – технологии
Socia lMedia Get Started
Почтовый лист и современные бланки
Типы данных в VBA
Графические редакторы
Знакомство с Векторным редактором, встроеннЫм в WORD 2007
Официальный сайт МОБУ СОШ им. С.М. Чугункина
Информационные системы в экономике
Коммуникация СССУ в едином информационном пространстве
Как запланировать онлайн лекцию
Курс Базы данных
Untitled presentation (2)
Безопасное пользование Интернетом
3D моделирование. Викторина
Основные понятия информатики
Компьютерные сети
Сайты образовательных учреждений
Программирование на языке Java. Форматный вывод
Архитектура компьютеров. Устройства хранения информации
(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:w,email:x,footer_before:y,footer:z,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:A,item_images:B,item_images_tag:C,item_words_h3:c,item_words_tag:D,item_words_1:h,routing:E,item_slide_skipping:F,item_download_timeout:G,item_slider_width:a,item_show_pdf:c,item_show_contents:c,item_show_filename:e},colors:{header_text:j,header_bg:k,accent:H}},social:I}},categories:{result:[{id:J,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:K,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:L,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:27,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:J,name:"Окружающий мир",pseudoname:"prezentacii-po-okruzhayushhemu-miru"}]},item:{result:{id:1001509,name:"Таблицы в HTML. Web-программирование",category:K,count:L,jpg:"jpg\u002F1001509",hits:131,download:a,h1:M,meta:{h1:M,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:866637,name:"Seismic image regression",href:"\u002Fprezentacii-po-informatike\u002Fseismic-image-regression",jpg:"jpg\u002F866637"},{id:843434,name:"Создание графических примитивов в графическом редакторе",href:"\u002Fprezentacii-po-informatike\u002Fsozdanie-graficheskih-primitivov-v-graficheskom-redaktore",jpg:"jpg\u002F843434"},{id:1181003,name:"03_Технологии_2_Разработка_сайтов (2)",href:"\u002Fprezentacii-po-informatike\u002F03tehnologii2razrabotkasaitov-2",jpg:"jpg\u002F1181003"},{id:974714,name:"Школа аналитиков Умные ребята. Загрузка и моделирование данных",href:"\u002Fprezentacii-po-informatike\u002Fshkola-analitikov-umnye-rebyata-zagruzka-i",jpg:"jpg\u002F974714"},{id:1054337,name:"Введение в специальность - программист",href:"\u002Fprezentacii-po-informatike\u002Fvvedenie-v-spetsialnost-programmist-1",jpg:"jpg\u002F1054337"},{id:1048402,name:"Обработка графической информации. Обработка фотографий",href:"\u002Fprezentacii-po-informatike\u002Fobrabotka-graficheskoy-informatsii-obrabotka-fotografiy-1",jpg:"jpg\u002F1048402"},{id:917434,name:"Информатика. Повторение и обобщение изученного материала",href:"\u002Fprezentacii-po-informatike\u002Finformatika-povtorenie-i-obobshchenie-izuchennogo-materiala",jpg:"jpg\u002F917434"},{id:282256,name:"Презентация на тему Компьютерные сети. Адресация в Internet ",href:"\u002Fprezentacii-po-informatike\u002F-95",jpg:"jpg\u002F282256"},{id:1121843,name:"Старт партнерки",href:"\u002Fprezentacii-po-informatike\u002Fstart-partnerki-1-b9-2",jpg:"jpg\u002F1121843"},{id:1040599,name:"Методологические основы CASE – технологии",href:"\u002Fprezentacii-po-informatike\u002Fmetodologicheskie-osnovy-case--tehnologii",jpg:"jpg\u002F1040599"},{id:977642,name:"Socia lMedia Get Started",href:"\u002Fprezentacii-po-informatike\u002Fsocia-lmedia-get-started",jpg:"jpg\u002F977642"},{id:848066,name:"Почтовый лист и современные бланки",href:"\u002Fprezentacii-po-informatike\u002Fpochtovyy-list-i-sovremennye-blanki",jpg:"jpg\u002F848066"},{id:1103902,name:"Типы данных в VBA",href:"\u002Fprezentacii-po-informatike\u002Ftipy-dannyh-v-vba",jpg:"jpg\u002F1103902"},{id:1104476,name:"Графические редакторы",href:"\u002Fprezentacii-po-informatike\u002Fgraficheskie-redaktory-14",jpg:"jpg\u002F1104476"},{id:1134848,name:"Знакомство с Векторным редактором, встроеннЫм в WORD 2007",href:"\u002Fprezentacii-po-informatike\u002Fznakomstvo-s-vektornym-redaktorom-vstroennym-v",jpg:"jpg\u002F1134848"},{id:1042576,name:"Официальный сайт МОБУ СОШ им. С.М. Чугункина",href:"\u002Fprezentacii-po-informatike\u002Fofitsialnyy-sayt-mobu-sosh-im-sm",jpg:"jpg\u002F1042576"},{id:930401,name:"Информационные системы в экономике",href:"\u002Fprezentacii-po-informatike\u002Finformatsionnye-sistemy-v-ekonomike-7",jpg:"jpg\u002F930401"},{id:909665,name:"Коммуникация СССУ в едином информационном пространстве",href:"\u002Fprezentacii-po-informatike\u002Fkommunikatsiya-sssu-v-edinom-informatsionnom-prostranstve",jpg:"jpg\u002F909665"},{id:1048432,name:"Как запланировать онлайн лекцию",href:"\u002Fprezentacii-po-informatike\u002Fkak-zaplanirovat-onlayn-lektsiyu",jpg:"jpg\u002F1048432"},{id:1042627,name:"Курс Базы данных",href:"\u002Fprezentacii-po-informatike\u002Fkurs-bazy-dannyh-1",jpg:"jpg\u002F1042627"},{id:994402,name:"Untitled presentation (2)",href:"\u002Fprezentacii-po-informatike\u002Funtitled-presentation-2",jpg:"jpg\u002F994402"},{id:1092230,name:"Безопасное пользование Интернетом",href:"\u002Fprezentacii-po-informatike\u002Fbezopasnoe-polzovanie-internetom",jpg:"jpg\u002F1092230"},{id:1160107,name:"3D моделирование. Викторина",href:"\u002Fprezentacii-po-informatike\u002F3d-modelirovanie-viktorina",jpg:"jpg\u002F1160107"},{id:1030021,name:"Основные понятия информатики",href:"\u002Fprezentacii-po-informatike\u002Fosnovnye-ponyatiya-informatiki-8",jpg:"jpg\u002F1030021"},{id:1002305,name:"Компьютерные сети",href:"\u002Fprezentacii-po-informatike\u002Fkompyuternye-seti-145",jpg:"jpg\u002F1002305"},{id:845785,name:"Сайты образовательных учреждений",href:"\u002Fprezentacii-po-informatike\u002Fsayty-obrazovatelnyh-uchrezhdeniy",jpg:"jpg\u002F845785"},{id:1055482,name:"Программирование на языке Java. Форматный вывод",href:"\u002Fprezentacii-po-informatike\u002Fprogrammirovanie-na-yazyke-java-formatnyy-vyvod",jpg:"jpg\u002F1055482"},{id:843258,name:"Архитектура компьютеров. Устройства хранения информации",href:"\u002Fprezentacii-po-informatike\u002Farhitektura-kompyuterov-ustroystva-hraneniya-informatsii",jpg:"jpg\u002F843258"}],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"}}}},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:w,email:x,footer_before:y,footer:z,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:A,item_images:B,item_images_tag:C,item_words_h3:c,item_words_tag:D,item_words_1:h,routing:E,item_slide_skipping:F,item_download_timeout:G,item_slider_width:a,item_show_pdf:c,item_show_contents:c,item_show_filename:e},colors:{header_text:j,header_bg:k,accent:H}},social:I,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,"6LfWmAYrAAAAAFyidHOK1ZHtYSECWR5CvAmygt5c","3190226","\u003C!-- Yandex.RTB R-A-1990700-7 --\u003E\r\n\u003Cscript\u003E\r\nwindow.yaContextCb.push(() =\u003E {\r\n Ya.Context.AdvManager.render({\r\n \"blockId\": \"R-A-1990700-7\",\r\n \"type\": \"fullscreen\",\r\n \"platform\": \"touch\"\r\n })\r\n})\r\n\u003C\u002Fscript\u003E","[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",1,"Информатика",13,"Таблицы в HTML. Web-программирование ","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.

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