HTML5 уроки для начинающих | #11 — Создание таблиц в HTML

Автор Artur Merichev
HTML5 уроки для начинающих | #11 — Создание таблиц в HTML

в этом видеоуроке мы изучаем таблицы как их применять, что с ними можно делать.

И зачем они вообще нужны в языке HTML. Зачем создавать этот урок. Я долго.

Стоит ли вообще делать этот урок.

А почему я так думаю потому, что таблицы в языке HTML — это довольно-таки древний способ создания сайтов и уже никто обычно не пользуется, но всё-таки. Решил создать этот видео урок в котором вкратце объяснить, что — это такое и сказать вам чтобы никогда не строили в виде табличек потому, что таблички. Это всё-таки старая мелодия которая очень такая геморроя и лучше мне не строить никакие веб-сайты поэтому. Что такое таблички таблички — это блоки можно с сайта с помощью которых которых вы вставляете картинки изображение картинки видео тексты и прочая разные вещи создавая тем самым сайт то есть на таблицах действительно, что устроились сайты, но сейчас на как замену им пришли новые теги которые мы также с вами будем изучать этот. Тагиев испан. Ну в общем они сами не создают конечно, но не очень облегчает эту тему создание сайтов и мы будем изучать их вот от таблички они уже устарели и ими никто не пользуется вот так теперь насчёт табличек. Ну давайте какую-то структуру такой простейшую рассмотрим таблички вот я вообще дел пример. Я его возьму и на примере просто уже буду вам рассказывать. Давайте сначала вот вот так вот выглядит табличка то есть мы имеем название мы имеем название каждого ряда вот вот вот понятное дело мы можем расширять один ряд делать, что вот этот будет на две колонки на три колонки. Да и так далее, но — это вот такая вот небольшая стенка — это вот как раз здесь пудра и так, что тут. К чему первое — это так ты был здесь не указали. Боже один можем удалить посмотреть, что произойдет. Боже как я в предыдущем сказал — это просто обводка удалили и ничего. Ну точнее никакой. Водки нету добавили в водочка есть вот далее. Так ты был имеет начало имеет и конец. Поэтому в конце нашли таблички он закрывается. Вот — это название нашей таблички таблица обуви и вот здесь мы видим, что она как раз таки называется таблица размеров обуви то есть названия. Далее идет тртр который также имеет начало также имеет конец театр — это так tablerow то есть ряд в котором мы указываем тут заголовки TH — это заголовок типа тейбл. Вроде так вот и в каждом и указали что. Россия Великобритания. Европа длина ступни сантиметров. вот — это вот healing они даже выделены жирным шрифтом далее. Далее мы имеем еще очень большое количество теплоты то есть йорков в которых. Мы записали td6 такт — это так который создается столбец в каждом и редкие у нас есть вот как мы здесь имеем раз-два-три-четыре и в каждой записано своё какое-то определённое 34,5. Ну и так дальше. Вот то есть тут как и какой принцип создаёте грядок и в нём выписываете столбец. И сколько вы уже здесь. Впишите сколько их тут и будет один удалим к примеру и у нас x3dom. При этом они друг на дружке друг на дружке лежат поэтому 1 удаляем и вот они как бы все сюда сместились при этом первый удалился вот так. Ну и рассмотрим еще один пример уже немножко поярче покрасивее добавим. Нашид такбир которыми раньше выучили для соединения двух табличек и обновим вот вторая наша табличка и тут мы сразу видим, что здесь уже применены в стиле — это стиль именины имени в языке. КСС, а именно с помощью атрибутов то есть — это будет интересно тоже посмотри. Давайте теперь посмотрим как обычно открывается. Тобол То есть ты был открылась ты был здесь закрылась. У нас существует бодро то есть обводка которая равна единице здесь заказываем отступ и сел spacing то есть пробел пробел. У нас например 10 поставим мы видим. На сколько увеличилась там обратно 06 тоже вот чтобы постоянно 770 и мы видим насколько тут она вот — это как бы вот тупые вот сюда справа слева сверху снизу текста вообще-то. Что находится внутри этого блока зарядка его. Тот чтобы он отступает от краев поставим. Всем как-то она поудобнее выглядит вот далее, а также существует два редко как мы видим их 1 и 2 раза здесь colspan то есть мы говорим о том, что этот TD этот столбец он занимать два два столбца. Так оно и есть у нас здесь внизу двоих. А здесь всего лишь один он помогает нам создать указать. Сколько занимает именно этот столбец рядков столбцов например поставим 3 и добавим туда ещё один только. Секунду сейчас изменю примеру 26. Ну потом объясню сейчас то есть вот как мы видим этот теперь первый занимает. А здесь у нас три их уже столбца вот поэтому сейчас доберемся дальше background Color beige Color то есть. Это здесь у нас он выставлен вот таким вот образом — это ну стандартный такое представление цвета может в интернете найти вот эту палитру цветов где выбирается. Ну вообще вот если мы пишем например стиль опять же. Да и здесь например поставим просто к примеру to What Color Picker. То есть я подобрать. Можно свет и вот он выставляет сразу же для этого можете скачать какой-то неплохой редактор на данном этапе вам он не нужен этот свет вы просто можете записывать его таким вот образом, а здесь напишем красный вот мы видим, что она преобразовалась в красный цвет дали. Елань то есть онлайн центре. Ну понятно. Я уже не раз рассказывал то есть где она находится по центру и как мы видим у нас текст именно по центру и расположен у тебя думаю дальше. Поехали второй ряд второй ряд, что у нас говорит то есть можно так его назвать то есть это-то. Где располагается опять же текст относительно вертикали потом поставим Navien в принципе у нас тут очень маленькой ячейкой поэтому у нас — это незаметно на самом деле. Вот сейчас прижата к низу кстати можно так попробовать.

0 комментариев
0

Читайте также