HTML5 видео уроки для начинающих #11 – HTML тег table таблица. HTML5 основы таблиц!

HTML5 видео уроки для начинающих #11 – HTML тег table таблица. HTML5 основы таблиц!

Подпишитесь на канал: https://goo.gl/MhBd2l

Просмотрев наши видеоуроки по изучению HTML5 вы сможете научится создавать веб странички, блоги и станете гуру в веб программировании.

Каждый веб программист начинал свой путь с изучения основ HTML, так что вы не первый и не последний. Удачи вам в ваших начинаниях!

PS: На данный момент язык программирования HTML имеет свое последнее расширение HTML5 и именно поэтому мы учим HTML5!

В этом видео уроке мы начнем изучать HTML5. Мы рассмотрим пример кода простейшей веб-страницы и коротко о нем поговорим.

Также Вы узнаете что такое HTML тег table таблица. HTML5 основы таблиц!

Приятного просмотра!

Элемент table служит контейнером для элементов, определяющих содержимое таблицы. Любая таблица состоит из строк и ячеек, которые задаются с помощью тегов tr и td.

Внутри table допустимо использовать следующие элементы: caption, col, colgroup, tbody, td, tfoot, th, thead и tr.

Таблицы с невидимой границей долгое время использовались для верстки веб-страниц, позволяя разделять документ на модульные блоки. Подобный способ применения таблиц нашел воплощение на многих сайтах, пока ему на смену не пришел более современный способ верстки с помощью слоев.

Между открывающим тегом table и закрывающим тегом /table находится тело таблицы. Тело состоит из строк и столбцов. Таблица заполняется построчно.

Каждый тег tr создает новую строку. Далее во вложенных td создаются столбцы. Можно создавать множество столбцов.

При этом нужно следить за количеством столбцов в каждой строке. Например, если в первой строке было 5 столбцов, то и в следующих строках должно быть 5 столбцов. Иначе таблица поплывет. Есть возможность объединять ячейки.

Атрибуты
1. Свойство align="параметр" - задает выравнивание отдельной ячейки таблицы. Может принимать следующие значения:
• left - выравнивание по левому краю
• center - выравнивание по центру
• right - выравнивание по правому краю
________________________________________
2. Свойство background="URL" - задает фоновое изображение ячейки. Вместо URL должен быть написан адрес фонового изображения.
________________________________________
3. Свойство bgcolor="цвет" - задает цвет фона ячейки.
________________________________________
4. Свойство bordercolor="цвет" - задает цвет рамки ячейки.
________________________________________
5. Свойство char="буква" - задает букву, от которой нужно сделать выравнивание. Значение атрибута align должно быть установлено как char.
________________________________________
6. Свойство colspan="число" - задает число объединяемых горизонтальных ячеек.
________________________________________
7. Свойство height="число" - задает высоту таблицы: либо в пикселях, либо в процентах %.
________________________________________
8. Свойство width="число" - задает ширину таблицы: либо в пикселях, либо в процентах %.
________________________________________
9. Свойство rowspan="число" - задает число объединяемых вертикальных ячеек.
________________________________________
10. Свойство valign="параметр" - выравнивание содержимого ячейки по вертикали.
• top - выравнивание содержимого ячейки по верхнему краю строки
• middle - выравнивание по середине
• bottom - выравнивание по нижнему краю
• baseline - выравнивание по базовой линии

Смотрите, в видео более подробно про HTML5 видео уроки для начинающих #11 – HTML тег table таблица. HTML5 основы таблиц!
_
ШКОЛА СОЗДАНИЯ САЙТОВ!
**Новое видео – 3 раза в неделю**
_
• ПОДПИШИТЕСЬ НА КАНАЛ:    / @ШколаСозданияСайтов  
• Жмите палец вверх!
• Напишите свой отзыв или вопрос в комментариях!
_
**Проверенные способы создания и раскрутки сайтов**
__
Поделитесь этим видео со своими друзьями:    • HTML5 видео уроки для начинающих #11 ...  

Следите за нашим каналом! Спасибо!

#HTML5ВидеоУрокиДляНачинающих #HTMLТегTableТаблица #ТаблицаОснов #ОсновыТаблицы #ОсновыТаблиц #ТаблицаНаОсновеАнализа #ЗаполнитьТаблицуНаОсновеДанных #ТегTable #ТегTableАтрибуты #ТаблицаTableHtml #HtmlТегТаблица #ТегTableHtml #КакДобавитьСсылкуНаСайт #РазмещениеСсылокНаСайт #КакСоздатьСсылкуНаСайт