ахаха. Спасибо за экскурс. Немного изучал веб-разработку в 2002-2007 гг. Действительно таблицами все верстать приходилось. Еще и в разных браузерах "швы" по-разному отображались. :)))
Практиковаться сугубо в HTML - это такое себе, а вот со связкой "HTML + CSS" уже можно. Ищешь простой макет для Figma и верстаешь. В самом начале с наскока всю страницу целиком будет сделать сложно, поэтому надо начинать с маленьких кусочков, буквально кнопочек, полей ввода, небольших карточек, а затем собирать всё по кусочкам в блоки побольше.
Привет! Скорее всего что-то не так написал в HTML-файле. Можешь написать в наше сообщество в телеграмме и скинуть свой код, тебе помогут: t.me/friendlyFrontendChat
Запомнить всё и сразу - невозможно, но это от тебя и не требуется. Этот курс тебе показывает на что CSS способен. Твоя задача - впитать по-максимуму что сможешь, параллельно с просмотром видеороликов писать самостоятельно код, экспериментировать со свойствами и подходами. После окончания этого курса - смотри мастер-класс и / или остальные видосы на канале, которые выходили после курса CSS. Все они идут в правильной последовательности в плане возрастания сложности.
Позиционирование в современной верстке делается силами CSS и flex / grid механиками. В конкретном случае - нужно родительскому элементу над задать display flex и justify-content end.
Привет! В макетах более сложных, чем лендинг, встречаются таблицы и в разметке их нужно делать через соответствующие теги. Базовые теги (table, tr, td и th) знать точно надо, а вот объединять ячейки - это пореже приходится делать, поэтому можно не заострять на этом внимание.
Привет! Браузеры по умолчанию всем таблицам, элементам , добавляют собственные границы. Если они мешают (а они мешают в большинстве случаев), то их можно сбросить, применив в стилях к таблице свойство border-collapse: collapse.
Может все же невидимые есть? Обычно 1px между всеми ячейками добавляются. Если их нет, значит это особенность Edge. Но в любом случае - лучше добавлять border-collapse: collapse, чтобы наверняка от них избавиться.
верно подмечено, что сначала нужно вспомнить как объединять, чтобы набрать темп при работе с таблицами)
Спасибо за видео. Отличная короткая напоминалка по табличным тегам. Сейчас столкнулась с версткой email писем, пересмотрела, чтобы вспомнить :)
Спасибо за простоту и доходчивость
Интересно было узнать.
Не знал про tfoot. Спасибо!
Урааа 🎉🎉🎉 наконец-то годный контент
ахаха. Спасибо за экскурс. Немного изучал веб-разработку в 2002-2007 гг. Действительно таблицами все верстать приходилось. Еще и в разных браузерах "швы" по-разному отображались. :)))
Спасибо
Топ контент
Чем-то напоминает Excel, если ты веб-разработчик и тебе лень открывать Excel, то хорошая альтернатива 😆
Поклончик👍
просто отличный курс, благодарю! только встает вопрос практики, где вот можно потренироваться?
Практиковаться сугубо в HTML - это такое себе, а вот со связкой "HTML + CSS" уже можно.
Ищешь простой макет для Figma и верстаешь.
В самом начале с наскока всю страницу целиком будет сделать сложно, поэтому надо начинать с маленьких кусочков, буквально кнопочек, полей ввода, небольших карточек, а затем собирать всё по кусочкам в блоки побольше.
Здравствуйте подскажите почему то у меня не выводится таблица ? Или тег не работает не понимаю
Привет! Скорее всего что-то не так написал в HTML-файле.
Можешь написать в наше сообщество в телеграмме и скинуть свой код, тебе помогут:
t.me/friendlyFrontendChat
В браузере Опера, кстати таблица получается без обводки (по умолчанию).
Александр, помогите советом я начал работать с этими тегами, но у меня не видно таблицы, браузер хром
Напиши в чат, там помогут:
t.me/friendlyFrontendChat
Можешь сразу архивом скинуть свой код, так будет быстрее.
начал этот курс несколько дней назад.Но как все это запомнить?Или главное это понять как это работает а на практике само придет?
Запомнить всё и сразу - невозможно, но это от тебя и не требуется. Этот курс тебе показывает на что CSS способен. Твоя задача - впитать по-максимуму что сможешь, параллельно с просмотром видеороликов писать самостоятельно код, экспериментировать со свойствами и подходами. После окончания этого курса - смотри мастер-класс и / или остальные видосы на канале, которые выходили после курса CSS. Все они идут в правильной последовательности в плане возрастания сложности.
У меня тоже сетку таблицы не видно, это связано с браузером или в видео сетка сделана с помощью css?
Свои стили не добавлял. Это браузерные, в Chrome.
А как манипулировать расположением таблицы на сайте, кроме центра, правого и левого края? Например хочу в правом верхнем углу.
Позиционирование в современной верстке делается силами CSS и flex / grid механиками.
В конкретном случае - нужно родительскому элементу над задать display flex и justify-content end.
Привет. А как часто html таблицы применяются в верстке?
Привет! В макетах более сложных, чем лендинг, встречаются таблицы и в разметке их нужно делать через соответствующие теги. Базовые теги (table, tr, td и th) знать точно надо, а вот объединять ячейки - это пореже приходится делать, поэтому можно не заострять на этом внимание.
th ещё централизует заголовок😉
caption в видео отцентрализовался, у меня нет:)
Верно. А что у тебя за браузер?
@@AleksanderLamkov google chrome
@@AleksanderLamkov
Общий заголовок
Модель Цена
Продукт 1 Стоимость 1
Продукт 2 Стоимость 2
Вот так прям отображает:) без границ:)
Да ладно в тг потом спрошу, здесь не удобно наверное:)
Почему не было рассмотрено col и colgroup?
Потому что это избыточная информация. Эти теги нужны для обеспечения сложной семантики. Для новичков достаточно тега th для схожей цели.
Учить начал недавно и сейчас не совсем понимаю от куда появились грани таблицы без атрибута border?
Привет! Браузеры по умолчанию всем таблицам, элементам , добавляют собственные границы. Если они мешают (а они мешают в большинстве случаев), то их можно сбросить, применив в стилях к таблице свойство border-collapse: collapse.
@@AleksanderLamkov у меня Microsoft Edge и никаких граней без border не было
Может все же невидимые есть? Обычно 1px между всеми ячейками добавляются. Если их нет, значит это особенность Edge. Но в любом случае - лучше добавлять border-collapse: collapse, чтобы наверняка от них избавиться.
@@AleksanderLamkov как я понимаю этот атрибут устаревший и границы добавлять стоит через css?
Угу, лучше через CSS.
что делать если тег "table" не работает на html я не понимаю с чем проблема можете помочь
Напиши сюда:
t.me/friendlyFrontendChat
Тебе помогут.
Расчетный лист
Не получилась таблица, просто текст в столбик
Напиши в чат, помогут разобраться:
t.me/friendlyFrontendChat
такая хорошая подача и контент, но музыка... она меня усыпляет прям
Музыки не будет примерно с 14-15 урока этого курса и во всех последующих видео на канале.
А ведь поначалу мне казалась эта идея хорошей 😅