Программирование с нуля с чего начать? Web разработка Урок 10 Таблицы

Автор Lyubov Stishevskaya
Программирование с нуля   с чего начать? Web разработка  Урок 10  Таблицы

давайте рассмотрим как отображать таблицы в HTML документе для отображения таблиц используются HTML Element Table.

Давайте расположенного в баре и. Дали в элементе таблицы нужно указать элемент tear от слов table-row строка таблицы и далее. В этой строке.

Мы указываем ещё один элемент который отображает каждую ячейку таблицы он называется Teddy от слов Table Data данные таблицы.

Пусть первая ячейка в нашей стране будет имя например. Вася и. Давайте оставим ещё одну ячейку и второй элемент 2 ячейка будет возраст например 16. Давайте сохраним мы обновим и как вы видите данные отобрази лесе строкой. Давайте добавим еще одну строку в Skype полностью элемент tear и поменяем внутри элементов т.д. поменяем данные например. Здесь Коля и возраст пусть будет 18 отображается вторая строка данные, а расположены по столбцам и по строкам как в таблице. Ну конечно не видно никаких границ сейчас для того чтобы увидеть границу в таблице нужно добавить в elementtable описание стиля таблицы в html5 — это не рекомендуется делать RAV4 использовался метод добавления стилей в самом HTML элементе, но сейчас — это надо делать в отдельном все свои секции. Давайте запишем для примера. Батыр — это граница значит и укажем 1 если мы обновим то вы видите. Вот такая вот такие границы такая табличка получилось. Ну как я говорил сейчас рекомендуется использовать отдельные секции для отображения стиле и здесь выше мы можем добавить строку в которой будут названия столбцов титульную строку так называемых. Давайте с копируем элемент tear добавим его выше здесь мы напишем название имя и здесь название столбца возраст. Я теперь вот такая вот у нас таблица с титульной строкой получилось name и аж, но титульная строка. Ничем не отличается от остальных строк какой видеть для того чтобы она отобразилось по-другому нам нужно указать здесь, что — это не просто данные, а заголовок то есть место тебе мы пишем TH Table header здесь здесь исправляем на. ТНТ если мы теперь обновим, то выведите, что титульная строка отображается жирным текстом в HTML 5 рекомендуется использовать теги дополнительно отдельно для заголовка и отдельно для данных таблицы для заголовка — это Element height давайте поместим у него строка с заголовком строку заголовком. Вырежи мы поместим данных используются элементы баре тела таблица давайте вы режим данные наши и вставим в тебори элемент если мы обновим того как вы видите ничего не изменилось, но — это рекомендуется делать для того чтобы во-первых другие разработчики которые будут читать ваш кот чётко видели где расположен заголовок. А где расположена тела таблица также используется для специальных программ так скринридер которые могут прочитать ваше HTML и понять где находится заголовок. А где тела таблица как я уже говорил стиль не рекомендуется сейчас указывать в HTML файл в HTML и. Давайте уберём бодр в дальнейшем в разделе сиэсэс мы научимся как задавать размер шрифта он и так далее.

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

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