Как сделать красивую таблицу на HTML+CSS

Поделиться
HTML-код
  • Опубликовано: 22 авг 2024
  • Как сделать красивую таблицу на HTML+CSS. Я расскажу вам как оформить таблицу красиво на css и как создать таблицу на html. Красивая таблица для сайта это очень важно и вы должны знать как правильно создавать таблицы и придавать им очень привлекательное оформление.
    ✔Советую посмотреть:
    Плейлист Как сделать сайт: • Как сделать сайт
    Работа с таблицами table tr td: • #22 Работа с таблицами...
    Работа с таблицами th tr td: • #23 Работа с таблицами...
    Работа с таблицами tbody thead tfoot: • #24 Работа с таблицами...
    Материал к уроку: yadi.sk/d/jtJN...
    ⚡️ Эксклюзив на Boosty - boosty.to/itdo...
    💡 Telegram канал - t.me/itdoctor_...
    🎥 Курсы на Stepik - stepik.org/use...
    💰 Донаты на ЮMoney - sobe.ru/na/itd...
    ВКонтакте - itdocto...
    Яндекс Дзен - zen.yandex.ru/...
    Rutube - rutube.ru/chan...
    #html #css #itdoctor

Комментарии • 47

  • @ITDoctor
    @ITDoctor  3 года назад +1

    Курс Frontend разработчик на HTML, CSS и JavaScript: stepik.org/z/113402

  • @DuoPolyakovs
    @DuoPolyakovs Год назад +5

    Отличное исполнение таблиц ! Спасибо !

    • @ITDoctor
      @ITDoctor  Год назад +1

      Рад что оценили

  • @stanf5488
    @stanf5488 5 лет назад +13

    Microsoft и Google уже давно производят компьютеры

  • @htoya5295
    @htoya5295 Год назад +1

    Спасибо за гайд)

    • @ITDoctor
      @ITDoctor  Год назад

      Всегда пожалуйста

  • @danunah12
    @danunah12 4 года назад +1

    Как оформить длинную, но узкую таблицу, которая будет "резиновая" в зависимости от ширины окна? т.е. задать вот такое свойство "grid-template-columns", но для таблицы. А именно, для широких окон резать таблицу на несколько отдельных колонок, желательно при этом сохранять "шапку" для каждой колонки.
    Большое спасибо.
    Забыл добавить, ширина самой таблицы не меняется.

  • @amirazimov3381
    @amirazimov3381 2 года назад +1

    Спасибо большое 👍

    • @ITDoctor
      @ITDoctor  2 года назад

      Пожалуйста

  • @user-rt6hg3sx5v
    @user-rt6hg3sx5v Год назад +1

    Спасибо)

    • @ITDoctor
      @ITDoctor  Год назад

      пожалуйста

  • @user-tb3mm6dl3z
    @user-tb3mm6dl3z 2 года назад +1

    IT ДОКТОР КРАСАВА😎😎😎

  • @annagrigorewa
    @annagrigorewa 4 года назад +1

    Спасибо!

  • @wowik1992
    @wowik1992 2 года назад +1

    Если в таблице эксель есть формулы, как можно экспортировать такую таблицу в HTML, что бы все формулы были активными на сайте

  • @vladislavzhuravlov3053
    @vladislavzhuravlov3053 5 лет назад +5

    спасибо

  • @sultankalbekov4957
    @sultankalbekov4957 4 месяца назад +2

    Гугл ты

  • @user-qm4oe2ek4t
    @user-qm4oe2ek4t 4 года назад +1

    Как сделать так,чтобы твой текст table автоматом растянулся вниз

  • @user-tz5uq3ch7r
    @user-tz5uq3ch7r Год назад +1

    Привет! Сделал таблицу по твоему уроку, но к мобильной версии она не адаптивна, как сделать сделать адаптивно?

    • @ITDoctor
      @ITDoctor  Год назад

      обычно для таблицы добавляется скролл. откройте википедю например и найдите статью с таблицей с телефона. посмотрите как выглядит. Вроде бы там такие таблицы если не ошибаюсь. делается с помощью overflow scroll. или тут посмотрите ruclips.net/video/s8bY795EOpQ/видео.html не обязательно тоже использовать фреймворк, можно посмотреть например как там это реализовано и сделать у себя

  • @katyastavichenko9667
    @katyastavichenko9667 Год назад

    Английский язык - ТОП!

  • @alexshimko7389
    @alexshimko7389 2 года назад +1

    Как на 1;38 появились эти буквы, на что нужно было нажать?

    • @ITDoctor
      @ITDoctor  2 года назад +1

      Это плагин Emmet, подробнее тут ruclips.net/p/PLuY6eeDuleIOYCKHrvn65GXvTRTnnGXyI

  • @oOO-kk3le
    @oOO-kk3le 3 года назад +2

    4:32

  • @triplek2653
    @triplek2653 4 года назад +1

    Cpasibo bro!

  • @BRILLIANTIC1
    @BRILLIANTIC1 Год назад

    Вже писали що Санмусг компʼютери "да" ?

  • @fensis8182
    @fensis8182 5 лет назад +1

    В какой программе ты писал?

    • @ITDoctor
      @ITDoctor  5 лет назад

      Это редактор Brackets (ruclips.net/video/X6hRuYBvLmw/видео.html), но сейчас я использую VS Code (ruclips.net/video/8qXIe7m8tLU/видео.html)

    • @user-ld7os9xp2l
      @user-ld7os9xp2l 5 лет назад

      Brackets

  • @user-xf3xb9tn6o
    @user-xf3xb9tn6o 4 года назад

    На какую кнопку ты нажал, чтобы плагин эмид сработал

  • @ekad4206
    @ekad4206 4 года назад

    А что ты сделал чтобы появилось 2 окно, там где ты вводил данные?

    • @aau8
      @aau8 4 года назад +1

      клавиши "Win" + стрелочка вверх (вниз, влево, вправо)

  • @streview2254
    @streview2254 4 года назад

    Як що рахувати і історію компанії, то IBM колись мала свою OS - OS/2.

  • @nofap438
    @nofap438 3 года назад +1

    твоё дыхание немного напрягает

  • @Grobotron
    @Grobotron 3 года назад +1

    Вы ничего не объяснили, что и зачем нужно, просто копирование кода с видео.

    • @denzeroneYT
      @denzeroneYT Год назад

      Есть такое, просто переписываешь как будто, но я услышал что он говорил (видео для тех кто уже знаком с html и знает все теги, и он говорил в предыдущих видео он рассказывал про эти стили)

    • @Grobotron
      @Grobotron Год назад

      @@denzeroneYT Понятно

    • @denzeroneYT
      @denzeroneYT Год назад

      @@Grobotron Норм, спустя 2 года ответил 🤯😂

    • @Grobotron
      @Grobotron Год назад +1

      @@denzeroneYT Ага, прям вовремя)

    • @denzeroneYT
      @denzeroneYT Год назад

      @@Grobotron Я не знаю почему люди не ответили, мне после видео всегда интересно комментарии почитать, ответить 😅

  • @fensis8182
    @fensis8182 5 лет назад +1

    Спасибо!