Тёмный

HTML5 для начинающих / Урок #10 - Создание HTML таблиц 

Школа itProger / Программирование
Просмотров 123 тыс.
50% 1

Язык HTML позволяет создавать разнообразные таблицы при помощи специальных HTML тегов. За урок мы научимся создавать HTML таблицы и прописывать ряды / столбцы внутри них.
✅ Полезные ссылки:
✏️ Урок на сайте itProger: itproger.com/course/html/10
⏰ Тайм коды:
00:00 - Начало
00:16 - Создание таблицы - тег «table»
01:06 - Создание рядов - тег «tr»
01:33 - Создание заголовков - тег «th»
02:23 - Создание столбцов - тег «td»
03:44 - Добавление атрибутов к таблице
05:40 - Завершение
✔ Сообщество программистов: itproger.com/
✔ -------------
Вступай в группу Вк - prog_life 🚀
Группа FaceBook - goo.gl/XW0aaP
Инстаграм itProger: / itproger_official
Instagram: / gosha_dudar
Telegram: t.me/itProger_official
Twitter - / goshadudar
- Уроки от #itProger 👨🏼‍💻
- Все уроки по хештегу #itprogerLessons

Опубликовано:

 

9 июн 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 84   
@user-xu9cy7kq2u
@user-xu9cy7kq2u Год назад
Урок отличный, как и все предыдущие! Коротко и по делу. Автору спасибо!
@ksenrix
@ksenrix 10 месяцев назад
Всё чётко и без воды ! Автору БОЛЬШОЕ СПАСИБО !
@geraloveyourselfff5048
@geraloveyourselfff5048 2 года назад
spasibo vam za uroki! Vse tak prosto i ponytno obyasnyaete. Ochen rada chto nashla vash kanal
@user-gs4ec4it5l
@user-gs4ec4it5l 3 года назад
Спасибо!! Очень хорошие уроки
@Q_roxe
@Q_roxe 2 года назад
Отличный урок все коротко и по делу,код у таблиц получается весьма большой,но разобраться можно
@davron_xolboyev
@davron_xolboyev 3 года назад
спасибо за Урок
@Burovasofia
@Burovasofia Год назад
спасибо за урок!
@user-se3rp1wt8u
@user-se3rp1wt8u 4 месяца назад
Спасибо вам большое за урок!!!
@crovli9497
@crovli9497 3 месяца назад
Автор люблю тебя! Ты лучший!!!!!!!
@ferandz
@ferandz 10 месяцев назад
Спасибо за уроки, они очень хорошие (по ним я выучил Java)
@DENIK-hz6kt
@DENIK-hz6kt 3 месяца назад
а где
@ferandz
@ferandz 3 месяца назад
@@DENIK-hz6ktа в отпуске, т.к. я сейчас больше по разработке программ на Java.
@zhanarn7083
@zhanarn7083 2 месяца назад
@@ferandz
@ferandz
@ferandz 2 месяца назад
@@zhanarn7083 Мгм, только уроки по Java были не очень хорошие. Там только основы основ, так что…
@greatRamses
@greatRamses Месяц назад
@@ferandz java она такая, тяжелоподъемная:)
@livius0653
@livius0653 3 года назад
Thank you for lesson!!!
@TheShepherd2007
@TheShepherd2007 6 месяцев назад
Автор, спасибо
@izcode3834
@izcode3834 2 года назад
Спасибо огромное
@UNREALREAL.
@UNREALREAL. Год назад
объясняешь лучше чем на моем прошлом курсе и не устаревшие теги а потом на css переходишь и тебе говорят то, что эти теги устарели зачем тогда давать мне их учить(это курс), а даешь свежее
@user-fy4od5cr8e
@user-fy4od5cr8e Год назад
спасибо! очень коротко и без воды😊
@xatuky9644
@xatuky9644 Год назад
благодарю!
@hakimjonghaniev5536
@hakimjonghaniev5536 2 года назад
Спасибо
@user-ex9cs8zi7e
@user-ex9cs8zi7e 4 месяца назад
😊😊😊😊😊
@el1oz155
@el1oz155 3 года назад
мне нравится как у твоих видео иногда не бывает дизлаиков вообще. ты красавчик братан спасибо. я учил С++ пол года, очень нравится язык но я не смог найти работу по ней, решил расширить свои знания и выучить веб дев. отлично обьясняешь, спасибо тебе большое. обещаю, если я благодаря твоим курса начну работать я тебе скину копеечку. пожалуйста запинь комент что бы не забывать =) пожелай удачи мне. (черт после с++ все языки кажутся такими простыми)
@jedinvidia9616
@jedinvidia9616 2 года назад
Ну что? Как успехи?
@bobborovik5874
@bobborovik5874 Год назад
@@jedinvidia9616 Видимо ещё учит )
@user-vl1xr5yb4k
@user-vl1xr5yb4k Год назад
ну что как успехи?
@el1oz155
@el1oz155 Год назад
@@user-vl1xr5yb4k увы я бросил его курс после html. так как я нашел курсы по лучше. а так я начал работу. уже год как работаю на react next и typescript
@BunnyBlood
@BunnyBlood Год назад
@@el1oz155 кинь ссылку на курсы по лучше
@serggey75
@serggey75 3 года назад
можно было еще рассказать про объединение ячеек столбцов и срок, но кому надо тот найдет))
@user-yc3ty5fo3y
@user-yc3ty5fo3y 2 года назад
Оставлю здесь colspan- объединение ячеек по горизонтали rowspan по вертикали
@wowik1992
@wowik1992 2 года назад
Если в таблице эксель есть формулы, как можно экспортировать такую таблицу в HTML, что бы все формулы были активными на сайте
@user-yc3ty5fo3y
@user-yc3ty5fo3y 2 года назад
Путём написания их вручную, допустим есть степень её записываю элементом
@mrbaxx
@mrbaxx 6 месяцев назад
Пасиб
@nikiway
@nikiway 3 года назад
По зову сердца и реками ютуба
@Pavel_Derevyanko
@Pavel_Derevyanko 3 года назад
👍
@mammon9402
@mammon9402 4 месяца назад
Спасибо за урок, есть ли смысл в ? без него таблица и так хорошо выглядит
@user-yw9rx5ee5p
@user-yw9rx5ee5p Год назад
Подскажите пожалуйста: Такая проблема сделал таблицу, хочу что бы в tfoot было одно значение, но оно выравнивается по левой стороне, пробовал вводить атрибут align="center" ,не получается, так же пробовал растянуть саму строчку tfoot через width, тоже не вышло( Вышлю код таблицы, если как то неверно пересылаю простите, только начинаю писать не знаю как лучше передавать код, чем контрлв контрлц))) Имя Кликуха Часов в доте Ранг 1 Димулька Кислая Попка Если бы я захотел, было бы больше чем у тебя! Я все... 2 Пабло Про100Тащер Все Титан 1 3 Вантус Pudge Pudge Мастерподхуком ПАША ЛУЧШИЙ
@Mestniy389
@Mestniy389 6 месяцев назад
Выравнивания добился почему то только путем align не функционирует хз что не так делаю
@user-ou5bn7sx7i
@user-ou5bn7sx7i 8 месяцев назад
очн интрстно
@gorbadalyan7657
@gorbadalyan7657 3 месяца назад
Здравствуйте Можно привести пример использования таблиц в сайтах и объяснить смысл их применения .
@user-hi7mm1jw2c
@user-hi7mm1jw2c 3 года назад
Привет спс за урок! А зачем нужен tfoot? В чём отличия от tbody? Я понял что в конце tfoot используют, но зачем, если можно просто обойтись tbody
@_islamicdigest_
@_islamicdigest_ 2 года назад
Все просто. Например, в экселевской таблице мы сделали столбик с затратами на продукты, тогда в самом низу мы располагаем Итого, верно? Вот tfoot именно для этого и служит. В таблице как и в принципе во всем HTML прослеживается четкая иерархия - голова, тело, ноги, то бишь head, body & foot. В таблице, если требуется подбить бабки, к примеру, указать Итого: используем tfoot.
@user-vf7wf8rc9i
@user-vf7wf8rc9i 2 года назад
@@_islamicdigest_ В книге по HTML&CSS прописано так,если таблица длинная и не влазит на весь экран,то при использовании атрибутов при прокручивании страницы эти строки будут «ездить» вместе со всей таблицей,для того чтобы пользователь мог видеть заголовок столбца в котором смотрит инфу,если я не прав поправьте,всем чистых кодов программеры))
@Krylowandrey
@Krylowandrey Месяц назад
Есть бесплатные сервисы которые экселевские таблицы переводят в HTML код?
@user-nd8ff6cw9h
@user-nd8ff6cw9h Год назад
Это самый ролик по изучению html
@Kavkazzzz
@Kavkazzzz 9 месяцев назад
братка, четко делаешь ,но куда так бытро)) для нубов тяжеловато))
@user-fn9xj9oh7d
@user-fn9xj9oh7d 8 месяцев назад
thead - шапка
@user-pp7vu1cv5w
@user-pp7vu1cv5w 2 года назад
Может глупый вопрос , но почему каждая новая строка тегов идет с отступами ? Так должно быть или отступы для удобства ? Я пробую и все новые строки на которые я перехожу клавишей enter начинаются по одной вертикали ….
@lazutpapa9365
@lazutpapa9365 2 года назад
для удобства
@Krylowandrey
@Krylowandrey Месяц назад
Можно сделать так. что бы таблица выполняла арифметику?
@user-mo2tc5sd3u
@user-mo2tc5sd3u 3 месяца назад
@user-fn9xj9oh7d
@user-fn9xj9oh7d 8 месяцев назад
tbody - основна часть таблиці
@user-dm3jw9vw5p
@user-dm3jw9vw5p 3 года назад
Спасибо за уроки,у меня такой вопрос,у меня одного не работает атрибут aling="center" ?
@user-nf5rq5ye3e
@user-nf5rq5ye3e 3 года назад
Ты не правильно прописываешь атрибут... Надо не aling > align ...)
@user-dm3jw9vw5p
@user-dm3jw9vw5p 3 года назад
@@user-nf5rq5ye3e спасибо
@JakeAdvenTime
@JakeAdvenTime 2 года назад
@@user-nf5rq5ye3e я прописал как align="center" у меня сработало. Ты же указал способ в css
@user-md1gw5wx2y
@user-md1gw5wx2y 3 года назад
Привет, почему у меня "border" красным цветом в редакторе?
@itproger
@itproger 3 года назад
Цвет не важен, так что можно расслабиться 😌
@user-md1gw5wx2y
@user-md1gw5wx2y 3 года назад
@@itproger благодарю
@Krylowandrey
@Krylowandrey Год назад
А можно Эксель таблички в HTML подключать?
@user-ho4xb3lb3v
@user-ho4xb3lb3v Год назад
Можно титьку мять, большую такую, мясистую примяссистую 👍💪
@Krylowandrey
@Krylowandrey Год назад
@@user-ho4xb3lb3v Лучше две 🥰
@Krylowandrey
@Krylowandrey Месяц назад
Тег th не только делает жирным но и центрует? А если мне нужно жирным, но не по центру?
@user-hv8dp8ez5r
@user-hv8dp8ez5r 3 года назад
Ну не знаю насчет таблиц, я конечно не эксперт, но по моему куда удобней будет банально добавить таблицу в виде изображения, и работать проще и под стилистику сайта можно лучше оформить. А хотя... Если мы говорим про динамически обновляющиеся таблицы(там данные с сервера например таблица рекордов в связке с PhP и другими языками), то тут уже да... Ну что же, выпендриться не получилось, прийдется урок пересматривать...
@itproger
@itproger 3 года назад
Таблицы можно использовать лишь для создания таблиц. На их основе сайты уже не строят
@ryxo2497
@ryxo2497 Год назад
Он что знал про LAST ONE?)
@user-fn9xj9oh7d
@user-fn9xj9oh7d 8 месяцев назад
tfoot о писания футера
@user-pl6fs6di1s
@user-pl6fs6di1s 11 месяцев назад
table - isn't tablitsa. Table - is table (stol)
@VinniPuh2.0
@VinniPuh2.0 Год назад
Last One это если не ошибаюсь последний альбом MORGENSHTERN - а. Ай - ай - ай пропогандировать такое!
@JesusChrist_Official
@JesusChrist_Official Год назад
Видео вышло больше двух лет назад.
@user-rq4pp4ss3k
@user-rq4pp4ss3k 3 года назад
Мозг кипит
@user-te9iw6bk1g
@user-te9iw6bk1g 3 года назад
От чего?
@user-vl4cl8mt3q
@user-vl4cl8mt3q Год назад
как же сложно господи
@user-cp1mg2jd1q
@user-cp1mg2jd1q 6 месяцев назад
Не сложно
@KaliCannel
@KaliCannel 2 месяца назад
Согласен​@@user-cp1mg2jd1q
@valentinitosvita5783
@valentinitosvita5783 3 года назад
Плохое обьяснение
@itproger
@itproger 3 года назад
Почему? :(
@freud8942
@freud8942 3 года назад
@@itproger привет! а весь текст, который у тебя должен быть на сайте прописывать между тегами? извиняюсь за столь тупой вопрос..
@user-fn9xj9oh7d
@user-fn9xj9oh7d 8 месяцев назад
lang: ru
Далее