Понравилось видео или оказалось полезным? Подпишись! Поддержка канала. https://www.patreon.com/SimpleCode. Таблица Пример Создание таблицы Тег table | tr | td | th | tbody | thead | tfoot. HTML5 Для начинающих. #10. Уроки по программированию. Наша группа ВК https://vk.com/smplcode. Подписывайтесь на канал https://www.youtube.com/channel/UCtLKO1Cb2GVNrbU7Fi0pM0w
ПОДДЕРЖАТЬ АВТОРА И КАНАЛ: https://www.liqpay.ua/ru/checkout/380638562538. Webmoney: Z166344793421. R369744777501. U871336351200. Телеграмм чат: https://t.me/joinchat/FQXf-hN9LRuCosQCWtzY3g. Вступайте в группу и задавайте интересные вопросы!!! Верстка таблицы, применение тегов colgroup, использование простых методик при работе с таблицами.. Домашние задания и исходники: https://goo.gl/aDy3mJ. Зеркало: https://drive.google.com/open?id=13so8ZWnCCOFDaKWcE4VQXgt-YsF1yHnc
В этом уроке разберем практически все базовые настройки таблиц html, включая настройки как всей таблицы, так и отдельных ячеек таблиц html.. Разобраться поможет тайм код: 0:56-как создать таблицу html. Код и теги таблицы. 1:25-тег строки таблицы html. 1:45-тег ячейки и столбца таблицы html. 5:21-html ширина и высота таблицы. 6:10-выравнивание в ячейках. 7:08-объединение ячеек, rowspan и colspan. 8:45-резюме вкратце о всех кодах таблицы html. #html #table
Освой профессию frontend-разработчика за 6 месяцев и становись востребованным IT-специалистом со знанием топовых технологий и 5 крутыми проектами в портфолио: https://loftschool.com/professions/frontend-developer/?utm_source=youtube&utm_medium=article&utm_campaign=html-dlya-na4inaushih4. В этом скринкасте я расскажу про таблицы. Научу вас основным методам работы с таблицами и расскажу где их применять. Покажу основные атрибуты.. Больше уроков от lofblog: #loftblog. Все уроки по хештегу: #loftblogHTML. Полезные уроки для веб-программиста: #вебпрограммист. #HTML. _. Понравилось? ГДЕ С НАМИ ПООБЩАТЬСЯ. ⚡️Школа онлайн-образования: https://loftschool.com/. ⚡️Telegram Loftblog: https://t-do.ru/loftblog. ⚡️Telegram IT-обучение: https://t-do.ru/it_loft. ⚡️Группа вконтакте: http://vk.com/loftblog. Поставь лайк! Больше лайков лучше выпуски:)
Как сделать красивую таблицу на HTML+CSS. Я расскажу вам как оформить таблицу красиво на css и как создать таблицу на html. Красивая таблица для сайта это очень важно и вы должны знать как правильно создавать таблицы и придавать им очень привлекательное оформление.. Благодарность автору ( ₽ ). 1. Сбербанк VISA: 4274 3200 3233 1582. 2. Yandex: 410011260821995 https://yasobe.ru/na/itdoctor. 3. Станьте спонсором канала: https://www.youtube.com/channel/UC2Ev-rDSHBov0ZMChesLfrg/join. ✅ Я, Исмаил Усеинов. ВК https://vk.com/morphop. Группа ВК https://vk.com/itdoctorstudio. Instagram https://instagram.com/ismail_asanovich/. GitHub https://github.com/morphIsmail. Twitter https://twitter.com/ITDoctor_morph. ✔Советую посмотреть: Работа с таблицами table tr td: https://youtu.be/4CYZKtSXHko. Работа с таблицами th tr td: https://youtu.be/PcTSdseYrgM. Работа с таблицами tbody thead tfoot: https://youtu.be/fsQw9PM2cV0. Материал к уроку: https://yadi.sk/d/jtJN17Fi3UUmpz. ◄ Предыдущее видео: https://youtu.be/3GDqDbSNVvY. ► Следующее видео: https://youtu.be/osQhI1ddUpA
создаёт одну ячейку внутри строки. В этом уроке я расскажу и на примерах покажу, как сделать таблицу в html. А также рассмотрим, как можно задать цвет ячейкам таблицы, как отцентрировать таблицу, научимся делать границу таблицы. Так вот, говоря об html, я не могу не рассказать про таблицы, так как они тоже являются довольно значимой темой. Взять хотя бы тот же вордпресс. По умолчанию в этом движке нельзя создать таблицу. Как создать таблицу в html в блокноте. Полная инструкция по тегам с подробным описанием и примером готового кода. Возьмите блокнот, скопируйте отсюда таблицу, вставьте в блокнот, сохраните в html формат и вот вам будет простая стандартная таблица. Этот раздел познакомит вас с таблицами html, представив самые базовые понятия строки и ячейки, заголовки, слияние строк и столбцов, а также объединение всех ячеек в столбце в. Создавайте таблицы вместе с друзьями и коллегами – на компьютере, телефоне или планшете. Редактируйте. 17.04.2014 · Как создать таблицу в HTML. Создать таблицу в HTML довольно сложно. Но с помощью шагов, представленных в этой статье, вы сможете создать ее для вашего сайта. Откройте простую программу текстового редактора, например Notepad. нужно сделать таблицу в блокноте, как?! Mail.ru Почта Мой Мир Одноклассники Игры Знакомства Новости Поиск Смотри Combo Все проекты Все проекты.
Привет, а что насчет атрибута background? При помощи css удобнее? Тогда вопрос, как фон таблицы, состоящей из картинки, «растянуть» на всю таблицу? Она не ресайзится, блин. (не ставится на всю ширину и высоту таблицы(
чтоб выделить и изменить одновременно в нескольких тегах букву, нужно выделить первую букву из тех которые собрались менять. а потом жмёте ctrl+D пока не выделятся все буквы какие вам надо изменить. после этого вся оперция по мене буквы будет проходить вместе со всеми выделенными буквами. Спасибо автору за уроки!!!
Огромное спасибо за урок, получила много удовольствия в процессе, но есть одно НОэто таблица в таблице… Мой мозг взорвался и отказался дальше работать, так что еще раз спасибо, а я пошла соскребать остатки моего ума с пола. Досвидания и всем хорошего вечера!
Здравия! спасибо за уроки. Хотел только спросить почему бы вам не скинуть код ну например с этого урока где то в комментарии. Потому что надо паузить и набирать руками.хорошо хоть показали те файлы вообще:)
Вот что тут сказать… человек умеет делать сайты умеет правильно объяснить и подать информацию то что надо, сейчас выучу основы html, и пойду CSS учить, только пожалуйста не бей так по клавиатуре особенно по клавише Enter, у меня аш слёзы наворачиваются
Как оформить длинную, но узкую таблицу, которая будет «резиновая» в зависимости от ширины окна? т.е. задать вот такое свойство «grid-template-columns», но для таблицы. А именно, для широких окон резать таблицу на несколько отдельных колонок, желательно при этом сохранять «шапку» для каждой колонки.
Большое спасибо. Забыл добавить, ширина самой таблицы не меняется.
Вроде верстальщик, но делает много ошибок, которых либо не видит вплотную, либо просто не хочет убирать, медленно печатает и пользуется мышкой при вёрстке. Очень странно. Простой макет наверное месяц пишет…
Андрей, великолепно преподносите материал! Очень четко, структурно. С оптимальной скоростью, которая не дает отвлечься, и в то же время позволяет воспринимать материал. Голос приятный, бодрый настраивает на активное восприятие. Так же чувствуется что то, о чем говорите, интересно Вам самим, и от этого и слушать Вас еще интереснее. Спасибо огромное Вам за курс! Выбирал из нескольких, с чего начать остановился на Вашем.
Ваши уроки просто восхитительны! Но, пожалуйста, ответьте мне на вопрос не совсем по теме. Почему веб разработчики используют WordPress для разработки сайтов нежели обычный редактор кода. Чем вообще является этот WordPress? Это что-то наподобие Фреймфорков либо же WordPress тоже является обычным редактором? Я с ним полностью запуталась.
В описании Д/З последним пунктом написан атрибут сначала weight, а потом width: 42 px. Запутался, потом только в комментариях посмотрел, что нужно просто width к backrground приписать. А вообще спасибо за домашку закрепляет то, что объясняешь! Да и надо было подумать, что weight вес, тут не при чем))
Андрей, спасибо огромное за видеоуроки! Все крайне лаконично и понятно объясняете (мне лично даже слишком). Начинаю сам заниматься FrontEnd разработкой, хотя хотел сначала идти в UX/UI дизайн, так как неплохо вроде рисую, но решил все же продолжить стезю программирования. В институте занимался на Bash, C, C++, C# С-образные правда не очень пошли (возможно требовалось больше практики для понимания языков). Сейчас HTML и CSS кажутся крайне интуитивно понятными и хорошо запоминающимися. Еще раз спасибо Вам за ролики, иду дальше по урокам.
Спасибо большое за видео! Если не сложно, разрешите мой вопрос: я вот в 2004 в школе сайтики пилил в dreamweaver, думаю, многие помнят такую, там не нужно было знать всех тэгов, атрибутов, все оформлено в визуальном интерфейсе, так вот почему до сих пор люди верстают вот так ручками, кодом, если есть такие программы как дримвивер?
В общем….Андрей, вы очень круто все объясняете, подписка не избежна!))) Ооочень все доступно и понятно, без лишних слов! пока смотрю все в ускореном режиме 2Х) Обучаюсь с удовольствием)) спасибо вам!!
Как так получается, что нет бордера, атрибута централизации текста нет, а все равно текст по центру, и таблица отображается? у меня отображение таблицы вообще появилось только после, к примеру, border=»1″ cellpadding=»7″ cellspacing=»0″ А у Вас сразу всё нормально было видно
а как сразу переключаться между прогамми, когда что=то меняешь в sublime ии сразу переключиться на браузер и там просто обновить страницу, а мне всегда приходиться сохранить только потом посмотреть результат
Файлик css нужно скачать из облака, разархивировать, поместить в папку, где храниться ваш код (а в 6 строке кода, как раз прописан путь к этому скаченному и сохраненному файлику css). И только тогда у вас появятся разграничительные линии в таблице. Я сама с этим 2 дня сидела, пока мне самой не подсказали =)
Відіо нормально але наступний раз робити детально опис особено в Css зробив табличку Html топотрібно показати як Css можна зробити формлення деякі можуть не догодатись осебно хто вивчає основи Html і Css.
Со всем разобрался. В задании опечатка «Используя атрибут weight» вместо width. дальше правильно «Значением атрибута будет width: 42px;»
С атрибутами отлично поигрался. Осёл немножечко какой-то неадекватный браузер. Например, игнорирует цвет bordercolor. Chrome вроде отзывается в соответствие с тем, что просят, но вот атрибут Frame в Chrome игнорирует border и ставит толщину 1px.
Возник ВОПРОС, можно ли сделать выравнивание текста в таблице сразу для всей таблицы. Align в теге
выравнивает саму таблицу. Приходится только править строки и ячейки. Или тут только CSS поможет?
Не смог отследить влияние атрибута cols. Что именно он делает. Пытался дурить и задавать ему значения больше меньше фактической размерности таблицы.
Вот таким путем я смог добиться того что на картинке в домашнем задании, хотелось бы узнать насколько все написано правильно, есть ли какие нибудь ошибки?
Доброго дня, ми можемо не видаляти ну наприклад тут ячейки а примінити до них коментар ( коли вони не відображаються) щоб потім була можливість відновити інформацію, бо цей момент чимось нагадує мені коли пишеш текст там в ворді чи екселі ну щось таке і не зберігся тоді ( шеф всьо пропало) треба починати знов, буває таке((
Вот задался се вопросом что лучше java или php!? Потом,php легче в изучению и интеграция html в коде. Но смотря разные форумы java есть свой плюсы от php.Меня больше интересует как работает java поддерживает она html или это как то интегрируеться. думаю сперва php изучить «фрилансет»на php уже пробывал начинать что делать он был более понятней. А потом уже к более сложным высотам!?
Привет, а что насчет атрибута background?
При помощи css удобнее? Тогда вопрос, как фон таблицы, состоящей из картинки, «растянуть» на всю таблицу? Она не ресайзится, блин. (не ставится на всю ширину и высоту таблицы(
чтоб выделить и изменить одновременно в нескольких тегах букву, нужно выделить первую букву из тех которые собрались менять. а потом жмёте ctrl+D пока не выделятся все буквы какие вам надо изменить. после этого вся оперция по мене буквы будет проходить вместе со всеми выделенными буквами. Спасибо автору за уроки!!!
Огромное спасибо за урок, получила много удовольствия в процессе, но есть одно НОэто таблица в таблице… Мой мозг взорвался и отказался дальше работать, так что еще раз спасибо, а я пошла соскребать остатки моего ума с пола. Досвидания и всем хорошего вечера!
Здравия! спасибо за уроки. Хотел только спросить почему бы вам не скинуть код ну например с этого урока где то в комментарии. Потому что надо паузить и набирать руками.хорошо хоть показали те файлы вообще:)
HackerSong
Все Привет меня зовут HackerSong я I Love life!
У кого не видны рамки, просто перед
пишете это:Таким образом вы задаёте рамки при помощи CSS прямо в HTML коде
линии таблицы не закрашены полностью что делаю неправильно?
Вот что тут сказать… человек умеет делать сайты умеет правильно объяснить и подать информацию то что надо, сейчас выучу основы html, и пойду CSS учить, только пожалуйста не бей так по клавиатуре особенно по клавише Enter, у меня аш слёзы наворачиваются
Как оформить длинную, но узкую таблицу, которая будет «резиновая» в зависимости от ширины окна? т.е. задать вот такое свойство «grid-template-columns», но для таблицы. А именно, для широких окон резать таблицу на несколько отдельных колонок, желательно при этом сохранять «шапку» для каждой колонки.
Большое спасибо.
Забыл добавить, ширина самой таблицы не меняется.
Вроде верстальщик, но делает много ошибок, которых либо не видит вплотную, либо просто не хочет убирать, медленно печатает и пользуется мышкой при вёрстке. Очень странно. Простой макет наверное месяц пишет…
Андрей, великолепно преподносите материал! Очень четко, структурно. С оптимальной скоростью, которая не дает отвлечься, и в то же время позволяет воспринимать материал. Голос приятный, бодрый настраивает на активное восприятие. Так же чувствуется что то, о чем говорите, интересно Вам самим, и от этого и слушать Вас еще интереснее. Спасибо огромное Вам за курс! Выбирал из нескольких, с чего начать остановился на Вашем.
Ваши уроки просто восхитительны! Но, пожалуйста, ответьте мне на вопрос не совсем по теме. Почему веб разработчики используют WordPress для разработки сайтов нежели обычный редактор кода. Чем вообще является этот WordPress? Это что-то наподобие Фреймфорков либо же WordPress тоже является обычным редактором? Я с ним полностью запуталась.
У кого не работает граница таблицы
html {
font-family: sans-serif;
}
table {
border-collapse: collapse;
border: 2px solid rgb(200,200,200);
letter-spacing: 1px;
font-size: 0.8rem;
}
td, th {
border: 1px solid rgb(190,190,190);
padding: 10px 20px;
}
td {
text-align: center;
}
caption {
padding: 10px;
}
В описании Д/З последним пунктом написан атрибут сначала weight, а потом width: 42 px. Запутался, потом только в комментариях посмотрел, что нужно просто width к backrground приписать. А вообще спасибо за домашку закрепляет то, что объясняешь! Да и надо было подумать, что weight вес, тут не при чем))
Андрей, спасибо огромное за видеоуроки!
Все крайне лаконично и понятно объясняете (мне лично даже слишком). Начинаю сам заниматься FrontEnd разработкой, хотя хотел сначала идти в UX/UI дизайн, так как неплохо вроде рисую, но решил все же продолжить стезю программирования. В институте занимался на Bash, C, C++, C# С-образные правда не очень пошли (возможно требовалось больше практики для понимания языков). Сейчас HTML и CSS кажутся крайне интуитивно понятными и хорошо запоминающимися.
Еще раз спасибо Вам за ролики, иду дальше по урокам.
Спасибо большое за видео! Если не сложно, разрешите мой вопрос: я вот в 2004 в школе сайтики пилил в dreamweaver, думаю, многие помнят такую, там не нужно было знать всех тэгов, атрибутов, все оформлено в визуальном интерфейсе, так вот почему до сих пор люди верстают вот так ручками, кодом, если есть такие программы как дримвивер?
В общем….Андрей, вы очень круто все объясняете, подписка не избежна!)))
Ооочень все доступно и понятно, без лишних слов! пока смотрю все в ускореном режиме 2Х) Обучаюсь с удовольствием))
спасибо вам!!
Как так получается, что нет бордера, атрибута централизации текста нет, а все равно текст по центру, и таблица отображается? у меня отображение таблицы вообще появилось только после, к примеру, border=»1″ cellpadding=»7″ cellspacing=»0″
А у Вас сразу всё нормально было видно
а как сразу переключаться между прогамми, когда что=то меняешь в sublime ии сразу переключиться на браузер и там просто обновить страницу, а мне всегда приходиться сохранить только потом посмотреть результат
Строим нашу первую таблицу
Файлик css нужно скачать из облака, разархивировать, поместить в папку, где храниться ваш код (а в 6 строке кода, как раз прописан путь к этому скаченному и сохраненному файлику css). И только тогда у вас появятся разграничительные линии в таблице. Я сама с этим 2 дня сидела, пока мне самой не подсказали =)
Відіо нормально але наступний раз робити детально опис особено в Css зробив табличку Html топотрібно показати як Css можна зробити формлення деякі можуть не догодатись осебно хто вивчає основи Html і Css.
Андрей, большее спасибо за уроки. В домашнем задании не смог выполнить п.6 (ширину для четвертого столбца). поскольку в коде к тегу
Со всем разобрался.
В задании опечатка «Используя атрибут weight» вместо width. дальше правильно «Значением атрибута будет width: 42px;»
С атрибутами отлично поигрался.
Осёл немножечко какой-то неадекватный браузер. Например, игнорирует цвет bordercolor.
Chrome вроде отзывается в соответствие с тем, что просят, но вот атрибут Frame в Chrome игнорирует border и ставит толщину 1px.
Возник ВОПРОС, можно ли сделать выравнивание текста в таблице сразу для всей таблицы.
Align в теге
Или тут только CSS поможет?
Не смог отследить влияние атрибута cols. Что именно он делает. Пытался дурить и задавать ему значения больше меньше фактической размерности таблицы.
Вот таким путем я смог добиться того что на картинке в домашнем задании, хотелось бы узнать насколько все написано правильно, есть ли какие нибудь ошибки?
Вопрос по домашке,
при таком варианте у меня расширяются сразу 2 колонки 3 и 4, а если атрибут width перенести в 4-ый
Доброго дня, ми можемо не видаляти ну наприклад тут ячейки а примінити до них коментар ( коли вони не відображаються) щоб потім була можливість відновити інформацію, бо цей момент чимось нагадує мені коли пишеш текст там в ворді чи екселі ну щось таке і не зберігся тоді ( шеф всьо пропало) треба починати знов, буває таке((
Вот задался се вопросом что лучше java или php!? Потом,php легче в изучению и интеграция html в коде. Но смотря разные форумы java есть свой плюсы от php.Меня больше интересует как работает java поддерживает она html или это как то интегрируеться. думаю сперва php изучить «фрилансет»на php уже пробывал начинать что делать он был более понятней. А потом уже к более сложным высотам!?