Таблица Пример Создание таблицы Тег table | tr | td | th |. HTML5 Для начинающих. #10

Автор German Usachev
Таблица Пример Создание таблицы Тег table | tr | td | th |. HTML5 Для начинающих. #10

Приветствую в друзья.

Меня зовут. Сергей и сегодня мы с вами продолжим. Серёга в котором у нас посвящена.

Изучение языка гипертекстовой разметки HTML и собственно тема которую мы сегодня — это таблица таблица является очень важной частью языка HTML float до того, что ранее было очень распространена верстка сайтов которые табличной то есть заснула веб-страницы брали табличку и собственно основатели таблички очень легко расставлять было элементы так как — это было нужно верстальщику на данный момент уже есть другие способы верстки более скажем так продвинутые и позволяет создавать более интересные макеты веб-страниц, но табличную верстку вы всё ещё можете встретить, но только в тех местах которые не предназначены скажем для обычных пользователей интернета вы встретите скорее всего на сайтах.

Вот именно которые касаются программистов которым лень делать что-то красивое нужно сделать быстро понятно и эффективно. Если вы захотите скачать какую-то библиотечку какой-то дали. Эрику Ты часто. Моя страничка на которой находится такая вот штука будет сделано именно с помощью табличной верстки там не будет ничего, но зато всё будет чётко разделена и понятно где, что находится и в общем сегодня мы с вами посмотрим как языке чем реализованы таблички и, что с помощью можно делать для того чтобы в языке HTML создать таблицу используется. Токтогул Так ты был сам по себе ещё ничего не даёт просто как обёртка для таблички сама табличка состоит из строк и. Если вы смотрели мои уроки по программированию то табличка по сути напоминает двумерный массив. И так для того чтобы указать хотя бы какие-то элементы таблички нам потребуется так. ТРК отвечает за строчки и вот один такой Take their будет означать, что в нашей таблички есть одна строка такой строчку мы можем добавить. Какой — это элемент, но — это уже будет ячейка в строке добавить такое элементом нужно использовать Text. Давайте в первую строку наши таблички добавим две ячейки потом ещё 2 тегов TD обновляем страничку она не ничего не отображается. Так на самом деле всё происходит потому, что во-первых в нашей таблички нет никакого контента. То есть у нас просто голая табличка без никакого содержимого. А во-вторых мы для таблички не указали значение которые будут отвечать и. Зато видно ли размер. Кто такой таблички то есть её границы. Ну, а также мы не указали. Каким образом. Вот — это разметка тахиром к табличке будет отображаться, а задать отображение нашли таблички то есть рамку можно с помощью атрибута Border и собственно значение этого атрибута будет указывать. Какого размера будет граница таблички в данном случае мы таблички поставим атрибут Border со значением если мы теперь обновим наше в страничку то мы видим вот такое вот непонятно изображение на самом деле — это уже наша там и вот они 2 наше ячейки в одну строчку которые мы создали просто они очень маленький потому, что мы для нашей таблички неуказание. Каких размеров и собственно табличка отрисовывается по самому минимуму варианту. По какому. Может к примеру если мы добавим ещё одну вот такую же вот строчку которая будет содержать печеньки и обновим нашу страничку. Мы видим, что внизу добавилось еще два таких же квадратика. Ну правда их сейчас очень плохо видно поэтому мы сейчас с вами воспользуемся ещё атрибутами, а именно вальс — это атрибут который отвечает за ширину. Можно с вами его участка использовали если мы сейчас едем на вашу страничку в нашу табличку немного растянула вширь логично потому, что атрибут отвечает за ширину. Ну, а также у нас с вами есть еще требует хит который отвечает за высоту чего бы то ни было в данном случае мы будем использовать для того чтобы задать высоту нашей таблички мы сделали табличку 300 на 300 пикселей. Ну получилось в форме вот такого вот квадратика и получается наша табличками две строки. В каждой строке по одной ячейки если хотим добавить ещё ячейки в нашу табличку допустим в каждую из наших строчек поищите нам нужно добавить какой-то ттд в каком случае табличка будет иметь вот уже такое количество ячеек допустим нам с вами нужно нашу табличку выровнять по центру в таком случае нам нужно использовать атрибут align и указать значение центр если мы обновим нашу страничку то. Увидим, что наша табличка сейчас находится ровно посередине. Давайте кстати говоря нашей страничке ширину немного увеличен. Пускай она с каждым будет 500 пикселей как я вам сказал за размер вот этих вот границ то есть рамок наши таблички отвечает атрибут Border их примеру если мы поставим бордюры значение слова соответственно и рамки нашей таблички тоже изменяет свой внешний вид мы с вами можем также манипулировать расстояние между ячейками как между самими ячейками так и между рамкой самой таблички и конкретно ячейкой. Для этого нам у самой таблички нужно использовать атрибут Cell spacing зависимости от того. Какое значение поэтому атрибутов присвоим то соответственно и расстояние между ячейками будет разного смотрите мы сейчас прислали, а требует обновления страничку на шейке уменьшили — это за счёт того расстояния которое теперь. Находится между ними также если нам потребуется выровнять нашу табличку по правой стороне экрана мы здесь указать значение атрибута align right только.

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

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