Верстаем таблицы | Курс HTML & CSS | Занятие №4

[@vitaliyk.6371]

прохожу уроки и получаю удовольст.вие от того,как Андрей обьясняет.Лучший из всех,кто дает уроки по HTML/CSS.Я много что смотрел и пробовал по этим темам-могу точно сказать.

[@vl9550]

и вас не смущает что он названия тегов неправильно произносит и безграмотно пишет текст ? 20:50 "ГРОУП" ?! Английский вообще у него по нолям. ГРУП а не "ГРОУП"

[@vitaliyk.6371]

@@vl9550 Я не профи,но могу сравнить :очень хорошо,а придраться можно ко всему при желании.Англ.язык-это отдельная тема,если человек не использует его в повседневной жизни,то это тоже простительно,тут же нам не курс английского преподают.Мнение мое личное,как и ваше.

[@Mr.Kamsky88]

@@vl9550 Ну не тебе точно, он будет доказывать знание английского языка...умник! Очень круто объясняет человек!!!

[@vl9550]

@@Mr.Kamsky88 поплачь еще)

[@Mr.Kamsky88]

@@vl9550 🤣🤣 ясно все с тобой

[@msserg9352]

Ты автор видео один из самых лучших спокойных и рассудительных приятно смотреть видео и понятно объясняешь ,супер ,да есть ещё два таких блогера про html тоже рассказывают ,пока все на этом .)))удачи в развитии канала ,всех благ тебе, молодец)))

[@andrievskii]

Удачи в обучении!

[@СправедливыйЯ-р5ъ]

Спасибо большое, Андрей. Очень доступно, сжато, информативно и понятно, как и в предыдущих Ваших уроках.

[@nataliazhigalova4564]

Вы такой молодец! Так все подробно рассказываете. Я аж с удовольствием смотрю и понятно и интересно очень!

[@dmitry.masalskiy]

Андрей, великолепно преподносите материал! Очень четко, структурно. С оптимальной скоростью, которая не дает отвлечься, и в то же время позволяет воспринимать материал. Голос приятный, бодрый - настраивает на активное восприятие. Так же чувствуется что то, о чем говорите, интересно Вам самим, и от этого и слушать Вас еще интереснее. Спасибо огромное Вам за курс! Выбирал из нескольких, с чего начать - остановился на Вашем.

[@МаринаА-л8щ]

Доходчиво, и без "воды".

[@Art-M]

Прекрасно, я нещодавно проходив тижневий марафон по HTML & CSS на одній просунутій ІТ конторі (з етичних міркувань, не називатиму якій)), Так от, завдяки вашим відеоурокам, за два дні навчився більше, аніж там за тиждень. Дякую за вашу роботу!

[@andrievskii]

Рад быть полезным. Успіхів))

[@my-hit656]

Це мабуть GoIT)

[@yarynkaa]

Дуже круто та дуже зрозуміло!))) Дякуємо за надану безкоштовну інформацію та хорошу подачу) Великий респект і всього найкращого вам)))♥♥♥

[@andrievskii]

Спасибо, взаимно

[@Alisa-py7cj]

Если в теге для 3-го столбца, применили стиль для 2 столбцов при помощи span="2", то в следующем задается стиль уже 5-го столбца, а не 4-го, каким он идет по порядку.

[@АндрейМихайлов-ж5ъ]

Выполнение домашнего задания демонстрирует следующее : Возможно два способа решения пункта №6: 1)

[@saluteismyname]

Андрей, как успехи в программировании? Чего достигли за 2 года? Кем работаете сейчас?

[@zvezdunishka9527]

Спасибо большое за курс, даже сейчас он все еще актуален. Единственный вопрос у меня возник при выполнении домашнего задания. Я пытался разными способами отключить CSS стиль для 1х двух столбцов, в итоге почитав комментарии, понял что к ним просто ничего не надо было применять.

[@РоманКобзар-ш2л]

Ты топ!!! Смотрю твои ролики уже два года я уже на пайтене и не разу не смотрел у кого-то другого. Продолжай в тоже духе.👍👍👍

[@moi-nick-zanyat]

захожу на новое видео и сразу ставлю лайк, чтобы не возвращаться из-за автовоспроизведения))) очень толковые уроки, буду смотреть на твоем канале все, что связано с web.

[@roshrashid]

Все получилось, я все сделал. Просто тормознул по началу. Спасибо.

[@ВикторияЕфимова-ю6ж]

Файлик css нужно скачать из облака, разархивировать, поместить в папку , где храниться ваш код (а в 6 строке кода, как раз прописан путь к этому скаченному и сохраненному файлику css). И только тогда у вас появятся разграничительные линии в таблице. Я сама с этим 2 дня сидела, пока мне самой не подсказали =)

[@kyyrtzark5236]

Скиньте ссылку на css из облака

[@borisstetsiv5652]

Без очереди в рай

[@АНДРЕЙШИБАЛОВ-ж3м]

Спасибо большое, Андрей.Лучший из всех,кто дает уроки по HTML/CSS.Я много роликов смотрел где нужно было перелистовать,переспрашивать.А у тебя всё понятно сразу.МОЛОДЕЦ

[@kotabaru819]

И ПОЛУЧАЕТСЯ ЧТО ЗАГОЛОВОК ТАБЛИЦУ НЕ ВЫДЕЛЯЕТ. СПАСИБО ЗА ВИДЕО ВСЕ ДОХОДЧИВО ОБЪЯСНЯЕШЬ.ЛАЙК ТЕБЕ

[@Linuxoid_4]

Учился по программе из PlayMarkt 'а там было 35% информации а ты выкладываешь то чего не было там! Я в восторге! Спасибо вам!

[@КотлетаПо-киевский]

Попробуй sololearn, хорошее приложение, можно учить и практиковаться в нем

[@KimbI4]

Отличный урок. Домашнее задание получилось сделать на УРА!!! СПАСИБО ВАМ!!

[@levkrinitskych1]

где то пол года назад я у вас смотрел. у вас было 21к подписчиков а сейчас у вас 31к. развиваетесь. спасибо за видео!

[@andrievskii]

Меня мотивируют пользователи! Комменты, лайки, и желание учиться

[@Duke_Helg]

Викладач від Бога!

[@nitrogenium]

Крутой! Нет слов, спасибо Андрей! Изучаю дальше, не останавливаюсь..

[@magistrfox627]

В описании Д/З последним пунктом написан атрибут сначала weight, а потом width: 42 px. Запутался, потом только в комментариях посмотрел, что нужно просто width к backrground приписать. А вообще спасибо за домашку - закрепляет то, что объясняешь! Да и надо было подумать, что weight - вес, тут не при чем))

[@BrushM]

Тебе премию нужно выдавать,как преподаватель года!!!!! Спасибо большое за твою работу

[@java9674]

Андрей Одно Удовольствие спс уроки по Js приятно было бы посмартеть

[@NyViCh]

В общем....Андрей, вы очень круто все объясняете, подписка не избежна!))) Ооочень все доступно и понятно, без лишних слов! пока смотрю все в ускореном режиме 2Х) Обучаюсь с удовольствием)) спасибо вам!!

[@user-bn2nz3kg9u]

Круто! Всё получается! Смысл понят!

[@zvoni03]

Напишу "пару слов про дз" : "6. Используя атрибут weight задайте ширину для четвертого столбца. Значением атрибута будет width: 42px; " последний пункт №6 вызвал недоумение и недопонимания, что за атрибут weight, я его что-то не нашёл, поправьте меня, если есть такой. (указал 420 для наглядности) Рабочее решение у меня было такое: Но мне хотелось изначально сделать так оно не сработало:

[@maxon17]

В домашнем задании, задавая width, сделайте его значени побольше чтобы наглядно было его действие. Я так сделал

[@hannstar2236]

Блин, я минут 10 думал, почему ничего не меняется, а оказывается значение слишком маленькое :D

[@stas9066]

Андрей, ух я и нервничал, когда делал все за тобой, а таблица не получалась))) Но потом оказывается нужно подключение Css стилей ) Спасибо за урок, двигаемся дальше.

[@andrievskii]

В этом деле внимание очень важно

[@niktafortesss7962]

Ты просто повторяешь за ним, как делать таблицы и все?

[@stas9066]

@@niktafortesss7962 я смотрю, что он делает, и одновременно делаю с ним. Паралельно конспектирую основные правила. Вот, как я делаю. Если есть д/з, потом делаю отдельно д/з.

[@borisstetsiv5652]

@@stas9066 думаю все новачки так делают)

[@mihailvagner4400]

Андрей, спасибо огромное за видеоуроки! Все крайне лаконично и понятно объясняете (мне лично даже слишком). Начинаю сам заниматься FrontEnd разработкой, хотя хотел сначала идти в UX/UI дизайн, так как неплохо вроде рисую, но решил все же продолжить стезю программирования. В институте занимался на Bash, C, C++, C# - С-образные правда не очень пошли (возможно требовалось больше практики для понимания языков). Сейчас HTML и CSS кажутся крайне интуитивно понятными и хорошо запоминающимися. Еще раз спасибо Вам за ролики, иду дальше по урокам.

[@tobesunset820]

как успехи?

[@chidincjish3507]

Спасибо большое) очень помогли) дай Бог, Вам, счастья

[@olegakimov5255]

супер! доходчиво, главное понятно

[@just_star3245]

Спасибо за ваши уроки, очень позновательно и понятно!!

[@AnnabelleSwan]

Спасибо большое :) Вы - такой умничка!) :) Приятный голос. И все очень понятно :) :) :)

[@andrievskii]

Пожалуйста

[@metallicseal9694]

Классно, все понятно и удобно. Спасибо!

[@GEO13370]

Спасибо ! Самое понятное объяснение!

[@АнтонЛебедев-н1н]

когда использую пропадает перегородка

[@Михаил-ф3б1й]

Перед body необходимо вставить это: th { border: 1px solid black;

[@АкылбекБайзаков-ц4п]

Спасибо, Андрей!

[@davitharutyunyan4634]

Я проверил это точно из-за стиля я даже версию из ролика пробовал без твоих удалений все ровно только текст

[@Alisa-py7cj]

не видит файл стилей css, нужно проверить расположение файла и правильность линка на css

[@borisstetsiv5652]

@@Alisa-py7cj Спосибо

[@alexzab8018]

Спасибо за ваши труды!!!

[@ИванЖумаев-х8л]

Спасибо за ваш труд)

[@tobywillow7933]

Спасибо за видео!

[@jasperhumpsman7151]

Домашнее задание в какой-то не понятной кодировке, попробовал поменять через notepad++ попробовал все там имеющиеся и всё-равно иероглифы)

[@SashaPlahta]

так держать, молодец!

[@ИванВерховой]

спасибо , большое. Успехов тебе ! Лайк

[@dmitriyzaxarov1354]

как он отлично объясняет.

[@_Fantom_.]

Спасибо, отличный урок, хоть я и не новичок!

[@ЕвгенийШершов]

Андрей, большее спасибо за уроки. В домашнем задании не смог выполнить п.6 (ширину для четвертого столбца). поскольку в коде к тегу уже применен атрибут фона для колонок №№ 3-6, то при попытке добавить еще один атрибут получается какая то ерунда:

[@КристинаИванова-ш6е]

я сделала так

[@ВикторКоннов-ч8м]

Можно просто И будет обводка

[@dimay2434]

Классное видео!

[@andrievskii]

Спасибо

[@ВикторТуманов-р9з]

очень доступно !спасибо...

[@АртемВелик-ю8б]

спасибо хорошее дело делаешь

[@ИльяТрясуха]

Я домашку сделал так, с шириной 4 колонки , взял значение по больше чтоб видно было. думаю правильно?!

[@ДмитрийСтыбзил]

Спасибо тебе!

[@666GooglMan66]

Спасибо!)

[@uucycTV]

я бы не сказал, что colspan - это кол-во ПРИСОЕДИНЕННЫХ ячеек. Скорее ОБЪЕДИНЕННЫХ. Ты ставишь 2 - присоединяет одну. Ты ставишь 3 - присоединяет две.

[@tfblack4339]

Спасибо!

[@EdwardNorthwind]

thead, tbody, tfoot, th -- позволяют создавать структурные блоки, к которым можно применять единое оформление через стили, а также управлять их видом через скрипты.

[@ВиталийПопов-м1г]

самая простая рамка и не нужно скачивать

[@DmitryGvozduk1987]

Спасибо мужик!

[@izzatrozimboyev3323]

У меня есть вопрос после откытие ненадо что ли писать и ?

[@inga153]

спасибо! все очень понятно!

[@confidentialpolicy9026]

отлично!

[@antonkhegay8887]

Добрый день, при объединении ячеек, надпись остается слева? Подскажите почему?

[@artem_ka3863]

Спасибо, все понятно

[@oleksandrprihodko8419]

Как убрать у двух первых колонок стили? 4 задание

[@mrklinton6809]

все хорошо, только звук надо было на микрофоне прибавить

[@Petya_na_baike]

Никак не могу поменять ширину четвертого столбца. Прописывал атрибут Widht и в ячейке -заголовке и в теге col. Так же пробовал через CSS стили(подсказали в гугле). Как быть?

[@vladk3111]

Попробуй написать Width вместо Widht )))

[@Yok_makarek]

@@vladk3111 проблемное слово))) я тоже искал ошибку)

[@lisofsky8151]

спасибо

[@oralbek_tleubayev]

Можно было добавить и были бы рамки, без css.

[@toxichell]

Так можно делать, но нужно запомнить, что любая визуалиция делается в css, а не HTML. HTML служит чисто, чтобы преподнести основную инфу, а css показывает визуал, так что правильней будет всё это делать в css

[@чморик]

@@toxichell к тому же так намного проще и писать код и его править

[@borisstetsiv5652]

@@toxichell Спасибо!

[@РомаОвчаренко-н4ф]

Все круто, но можно было бы показать еще семантику в виде thead и tbody

[@andrievskii]

Думаю это можно уже и самому досмотреть по таблицам. Да и курс то базовый ))

[@РомаОвчаренко-н4ф]

@@andrievskii впринципе согласен)

[@Anna08427]

Все так же делаю, появляются только слова, границ нет

[@ramirofernandes8694]

Содержимое текстового файла вместо текста кракозябры. Ставил кодировку utf-8 и менял языки на русский-английский и обратно - не помогает. Возможно файл из-за битых секторов на диске сервера скачивается не полностью. Напишите ответом что нужно сделать в домашнем задании.

[@ДмитроКравець-э2с]

у меня такое самое, не могу понять в чем проблема

[@just_muslim57]

а как ты закоментил так быстро ? Горячими клавишами? И ещё, если у меня первая ячейка не сдвинулась вправо, то это по причине того, что изначально не отобразилась сама рамка, то есть таблица?

[@anonim1788]

закомментить ctrl + /

[@kotabaru819]

tr, td { border: 1px solid black; border-collapse: collapse; } ЗАБЫЛ ПОСТАВИТЬ th ТО ЕСТЬ: table { border: 1px solid black; border-collapse: collapse; } tr, td, th { border: 1px solid black; border-collapse: collapse; }

[@АлексейГусев-ф6с]

Дружище! Спасибо тебе, всю голову сломал)

[@kotabaru819]

Пожалуйста🤗

[@ЭлвисПресли-о1б]

Подписка лайк !

[@kristinadrobotenko3801]

Какими горячими клавишами вы закоментировали?😱 Я тут супер-новичек

[@anonim1788]

ctrl+/

[@selvtop]

👍

[@alexey6754]

Когда делаете делаете домашнее задание, не забудьте поставить тэг , иначе таблица не будет работать

[@Igorek055]

При изменении ширины 4 столбца путем изменяется размер сразу всех столбцов. В чем дело? Ссылка на песочницу: codepen.io/hatkin/pen/oNbxKLw

[@fojy94]

Судя по песочнице работает всё нормально. Просто у остальных столбцов ширина изначальная больше 42 пикселей.

[@lanam1182]

сладенький мой.

[@andrievskii]

Оу май..

[@podsvinokSatani]

начинать смотреть с 4:30

[@AlexMartyschenko]

Со всем разобрался. В задании опечатка "Используя атрибут weight" вместо width. дальше правильно "Значением атрибута будет width: 42px;" С атрибутами отлично поигрался. Осёл - немножечко какой-то неадекватный браузер. Например, игнорирует цвет bordercolor. Chrome вроде отзывается в соответствие с тем, что просят, но вот атрибут Frame в Chrome игнорирует border и ставит толщину 1px. Возник ВОПРОС, можно ли сделать выравнивание текста в таблице сразу для всей таблицы. Align в теге выравнивает саму таблицу. Приходится только править строки и ячейки. Или тут только CSS поможет? Не смог отследить влияние атрибута cols. Что именно он делает. Пытался дурить и задавать ему значения больше меньше фактической размерности таблицы.

[@andrievskii]

В css это в разы проще делается, достаточно будет указать выравнивание для строки!

[@norman_p3]

лайк

[@ГаджиЗульфикаров-п6п]

у кого рамки не закрашиваются, что делать

[@andreilistov1273]

В каком смысле?

[@ArayaElizabeth]

@@andreilistov1273 Он пошёл не по той дороге

[@andreilistov1273]

@@ArayaElizabeth ахаха

[@ArayaElizabeth]

@@andreilistov1273 это же так, так как думает о красках

[@andreilistov1273]

@@ArayaElizabeth ну да

[@raminmikhailov5085]

Вопрос по домашке, при таком варианте у меня расширяются сразу 2 колонки 3 и 4, а если атрибут width перенести в 4-ый , то расширяется 5-я колонка, так и не сообразил как расширить только 4-ю колонку.

[@РусланКормаков-и1я]

почему то при помощи тега th верхние соеденились

[@wraivefurry5788]

Строим нашу первую ТБЛИЦУ!)

[@andrievskii]

Проверка на внимательность))

[@borisstetsiv5652]

У кого не роботает Арибут "background", напишите" background-color"

[@ArayaElizabeth]

Чел может ты помог многим!! Респект

[@ArayaElizabeth]

Но не мне))

[@ТаняДавиденко-ф4ъ]

а у меня наоборот не работает атрибут bacground-color , я делала через background

[@ДенисДмитриев-ф4з]

15:05 - а какими горячими клавишами ты закомментировал ячейки?

[@andrievskii]

Ctrl+Shift+/

[@ДенисДмитриев-ф4з]

@@andrievskii спасибо :)

[@Medulla_oblongata01]

Спасибо большое за видео! Если не сложно, разрешите мой вопрос: я вот в 2004 в школе сайтики пилил в dreamweaver, думаю, многие помнят такую, там не нужно было знать всех тэгов, атрибутов, все оформлено в визуальном интерфейсе, так вот почему до сих пор люди верстают вот так - ручками, кодом, если есть такие программы как дримвивер?

[@andrievskii]

Дело в том. что Дримвивер, олн для базовых вещей (однотипных и шаблонных), когда ты окунаешься в мир профессионального фронтента он там попросту не справляется

[@Medulla_oblongata01]

@@andrievskii спасибо)

[@aragon8917]

Не знаю почему, но у меня не получилось. Скачал домашнее задание. Зашел. Написал всё как показана на видео сохранил, перешёл на сайт, обновил, получилось как в 24:55

[@ОлегСирош-ъ4ъ]

Здравствуйте, Андрей! У меня текст в таблице не хочет писать по вертикали В целом не подскажете, почему? Спасибо.

[@qwzxblade]

25:02 а как поменять цвет выделений (черточки) белые почему-то, не видно

[@SeshAlex]

У меня нет границ ячеек (рамок), вы видать прописали их в css, но почему то об этом умолчали((( PS досмотрел до конца, нужно было вам с начала это сказать

[@andrievskii]

3:15 я об этом говорю

[@чморик]

он с самого начала сказал это

[@Макс-ц9б9э]

У меня тоже самое, нет возможности воспроизводить все одновременно с автором, там внизу уже посоветовали 'border' прописать, но все же эта инфа не должна быть в куче комментариев, в остальном пока все круто и понятно.

[@OlegVerd90]

Как так получается, что нет бордера, атрибута централизации текста нет, а все равно текст по центру, и таблица отображается? у меня отображение таблицы вообще появилось только после, к примеру, - border="1" cellpadding="7" cellspacing="0" А у Вас сразу всё нормально было видно

[@АлиХазаал]

файл не получается подключить

[@wowik1992]

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

[@rusik-pusik]

У меня такой вопрос:а как подключить автозаполнение таблиц?

[@f1rerex536]

У меня почему-то не показывается линии между строками и столбцами