Тёмный

Изучаем html блок div 

Максим Метелев
Подписаться 1,8 тыс.
Просмотров 146 тыс.
50% 1

В этом уроке мы создадим простую конструкцию из четырех блоков div на веб странице, тем самым мы положим начало обучения верстке html - подробнее в статье по этой ссылке -
Там же вы можете скачать исходник файла

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

 

21 сен 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 110   
@onefenix1
@onefenix1 6 лет назад
Сначала подумал, что он в Paint'е верстать собрался))
@sova3220
@sova3220 5 лет назад
А чё? Тоже норм.:-)
@ivanovo37
@ivanovo37 4 года назад
В чем то ещё что-ли можно?
@MechaGrishasus
@MechaGrishasus 4 года назад
ПРИКИНЬ ДА))
@RainimatorOfficialChannel
@RainimatorOfficialChannel 4 года назад
@@ivanovo37 текстовый редактор)
@ivanovo37
@ivanovo37 4 года назад
@@RainimatorOfficialChannel не так круто как в паинте.
@nizi98
@nizi98 4 года назад
Прошло 6 лет, а это до сих пор актуально. Благодарен
@enjoymtx
@enjoymtx 4 года назад
Методика флоатов уже давно неактуальна
@nikitayarosh3885
@nikitayarosh3885 4 года назад
вообще не актуально, уже давно есть теги footer, header и тд
@enjoymtx
@enjoymtx 4 года назад
@@nikitayarosh3885 они всегда были
@nikitayarosh3885
@nikitayarosh3885 4 года назад
@@enjoymtx В HTML5 для структуры кода введено несколько новых тегов: , , , , , которые заменяют в некоторых случаях привычный . Просто гуглишь, одна из первых ссылок, в любом видеоуроке тебе тоже скажут что эти теги добавили с 5-й версии. Хотя, если для тебя 5-я версия это всегда, то тогда всё понятно
@enjoymtx
@enjoymtx 4 года назад
@@nikitayarosh3885 что со мной понятно? в < > можно заключить любое слово, раньше так и делали, хэдер и футер это тот же див и служат только для темы доступности в html5
@ВладимирТюрин-з6е
@ВладимирТюрин-з6е 4 года назад
Спасибо. Так и надо объяснять на простом незаумном языке. Удачи вам !!!
@ТарасХомайко-к1щ
@ТарасХомайко-к1щ 4 года назад
сколько перешарил видосов но ничего не нашел,до этого. Отличная подача! я как полностью новичок в этом деле,все отлично схватил .
@MCNichls
@MCNichls 5 лет назад
Не поленюсь прокомментировать. Благодарю за видео. Стало понятно, зачем этот тег. Сначала страницу разбивал на фреймы (это было очень-очень давно), но это устарело и стал использовать таблицы. Теперь буду использовать новый тег.
@obodevlampiy6654
@obodevlampiy6654 7 лет назад
Благодарю, Максим. Замечательно. Толково и понятно. А главное, просто. Спасибо огромное.
@trydaster
@trydaster 4 года назад
Всё очень коротко, и главное просто. Спасибо большое, выручили👍
@captainjack3705
@captainjack3705 7 лет назад
мне лично урок понравился) все доходчиво было показано, понравилась очень демонстрация внутри браузера что будет если убрать то, и то...классно! Возможно возьмите на вооружения этот метод (демонстрация в браузере кода css, для новичков будет очень полезно и познавательно!)Спасибо за урок!
@АЯШАВА-й3ш
@АЯШАВА-й3ш 4 года назад
Максим продолжайте. У вас отлично и понятливо получается!
@ЕвгенияФедорова-ъ3ш
Спасибо. Все очень понятно. Наконец-то поняла, что такое div. 👍
@nonick770
@nonick770 7 лет назад
БЮБЮ
@user-hola-ola
@user-hola-ola 7 лет назад
Большое спасибо! Наконец нашла то, что искала!
@seoonlyRU
@seoonlyRU 2 года назад
шикарное видео, Максим! ловите лукас от СЕООНЛИ
@tatjanamorozova6301
@tatjanamorozova6301 6 лет назад
Спасибо за урок! Все очень доступно и понятно.
@юрийкелембет
@юрийкелембет 4 года назад
Сколько утвердительных вопросов(ДА!) Но ролик отличный))
@kazbek_azirbayev
@kazbek_azirbayev 7 лет назад
Замечательный урок, Спасибо!
@funny_pilot_drone
@funny_pilot_drone 2 года назад
Интересное видео, благодарю за информацию!
@jon.nur.8018
@jon.nur.8018 4 года назад
Очень четко обьясняешь!!!!! Спасибо большое! Я студент очень помог
@TheHeavy2009
@TheHeavy2009 6 лет назад
Очень толково и понятно! Спасибо за доступную информацию!
@alexandraweather4156
@alexandraweather4156 3 года назад
Это очень просто и круто!
@romanzic7450
@romanzic7450 5 лет назад
Блин такого конкретно объяснения я ещё не видел Спасибо Максим круто для начинающих всё наглядно и понятно. Лайк подписка.
@Im4romUA
@Im4romUA 3 года назад
Ещё бы показал, как их отдельно ставить!) - цены бы не было!).. (пс. я 1-й раз смотрю про контейнеры!)..
@Standoffer614
@Standoffer614 6 лет назад
Спасибо , ждём продолжение !
@МихаилСветлов-м3ю
Наконец то я нашёл ответ про обтекание, спасибо.
@vrroom_vrroom
@vrroom_vrroom 5 лет назад
Спасибо тебе человек!
@---uo9mq
@---uo9mq 6 лет назад
Видео реально помогло. Огромное спасибо!
@user-dt7kz4yd8k
@user-dt7kz4yd8k 3 года назад
Очень вам благодарен
@ПалкасГвоздями
@ПалкасГвоздями 8 лет назад
очень хорошо объяснил ! спасибо
@dashauchenik2430
@dashauchenik2430 5 лет назад
Спасибо.Очень помогли разобраться
@_Iokanaan_Marusidze_
@_Iokanaan_Marusidze_ 5 лет назад
Благодарю !
@yes_lashes_simf
@yes_lashes_simf 5 лет назад
Спасибо огромное 💖💖💖💖💖
@Relaxsounds-t8b
@Relaxsounds-t8b 2 года назад
спасибо! все понятно 😀
@ilyailyushin
@ilyailyushin 4 года назад
Актуально и доступно в 2020 🔥🔥🔥
@Extazypw
@Extazypw 3 года назад
это было актуально для 2014, сейчас на кол сажают за такое
@you_master4346
@you_master4346 3 года назад
@@Extazypw серьезно? Или прикол ..
@Extazypw
@Extazypw 3 года назад
@@you_master4346 ну в 2к20 есть flex и grid
@juliyalip9123
@juliyalip9123 4 года назад
спасибо за видео.
@kabaneboon8880
@kabaneboon8880 5 лет назад
Спасибо!
@saynever1477
@saynever1477 6 лет назад
Спасибо, помогло!
@belagigabyte
@belagigabyte 7 лет назад
Хорошая озвучка. Все понятно. А как один div определенных размеров раскрасить в два разных цвета? Иными словами, как применить два цвета к background-color и раскрасить один div в два цвета - слева один, справа другой ?
@artorias8532
@artorias8532 7 лет назад
Я не знаю насколько это по бусидо, но я бы просто внутри этого дива сделал бы других дива и задал бы им размер по половине первоначального. И потом задал бы одному один бекграунд-колор, а другому - другой.
@narcissnar2541
@narcissnar2541 7 лет назад
Разбить его на две части и закрасить каждую часть.
@АбдиманаповаАяна
@АбдиманаповаАяна 4 года назад
Нужно добавить в эти теги class и какое то наименование
@isaahmarov1674
@isaahmarov1674 2 года назад
я прописал файле css . у меня не работает в чем может быть причина ? header { width: 600px; height: 120px; border: 1px; solid black; }
@Axel-8228
@Axel-8228 9 лет назад
а где ссылка?
@sisiyouyou233
@sisiyouyou233 6 лет назад
شكرا جزيلا اخي..
@wowik1992
@wowik1992 2 года назад
Если в таблице эксель есть формулы, как можно экспортировать такую таблицу в HTML, что бы все формулы были активными на сайте
@ДенисЛастовский-н2м
Максим очень полезная информация, как можно с вами лично связаться?
@ant3413
@ant3413 4 года назад
привет,а как сделать чтобы при уменьшение размера в браузере при помощи CTR все смещалось в центр,а не влево?
@kostya1306
@kostya1306 3 года назад
Эх, где этот 2014 год?!.... Никаких вам флексов и гридов. Еще ie9 был актуален.
@vladkclash6834
@vladkclash6834 7 лет назад
Класс
@deltkz4267
@deltkz4267 3 года назад
я из будущего, готовтесь к 2020
@itsdanyarr
@itsdanyarr 3 года назад
скачай хром, хватит сидеть в ie
@МарияМаятникова-у2л
мур мур лапа спасибо
@alexrychkoff7603
@alexrychkoff7603 5 лет назад
13 минут видео из них 3 минуты по теме
@metarasta9190
@metarasta9190 6 лет назад
вроде все ясно но только рамки у меня не видны,я задал значение в 5px и все равно они не видны,сами контейнеры на месте,от чего так?
@marikoch5577
@marikoch5577 7 лет назад
Максим....Ауууу. Не заходим сюда что ли????
@Angry_Welder
@Angry_Welder 3 года назад
Вообще-то идентификаторы присваиваются в редких случаях, только одному элементу, как я везде слышал. Ведь так? В основном классификация идет по названиям тэгов , классов.
@РоманРоман-ы7ю
@РоманРоман-ы7ю 6 лет назад
Привет. Как убрать интервал между верхним блоком и началом странице?
@timurrustamov2652
@timurrustamov2652 3 года назад
Да
@sova3220
@sova3220 5 лет назад
Дружище, подскажи пожалуйста визуальный редактор под linux для такой простой верстки пожалуйста.
@zhanuzakchannel5629
@zhanuzakchannel5629 4 года назад
Atom лучший редактор под линукс
@АбдиманаповаАяна
@АбдиманаповаАяна 4 года назад
Спeсиб тебя землянин я накынец панил хто такие div
@ashotdavtyan1113
@ashotdavtyan1113 5 лет назад
gde silka?
@make_13
@make_13 3 года назад
Есть продолжение этого урока?
@isaahmarov1674
@isaahmarov1674 2 года назад
где ссылка где качать ? где они по чему не видно ?
@slovv211
@slovv211 4 года назад
а где ссылка :(
@maxwelplay2851
@maxwelplay2851 6 лет назад
Лол, меня также зовут)
@МрБин-м6ж
@МрБин-м6ж 5 месяцев назад
продолжение есть?
@Urban4444
@Urban4444 9 лет назад
1 Можно ли в файл div добавить текст допустим названия фирмы? 2 Как связать div со страницей текста?
@vin1wws
@vin1wws 8 лет назад
+Сергей Трубицин тескт будет дочерним элементом по отношению к div (просто прописать заголовок (h1-h6) или абзац (p) в div, так и свяжите).
@davidmelashych1707
@davidmelashych1707 6 лет назад
Скажите кто в html верстает СSS ????? Так никто не делает уже в 2018 г
@enig-brawlstars6644
@enig-brawlstars6644 6 лет назад
GAME OVER ахахахахах
@isaahmarov1674
@isaahmarov1674 2 года назад
у вас файла css нету чтоли ? я понять не могу где файл css ?
@ayankansenov2799
@ayankansenov2799 7 лет назад
а где ссылка
@Agent-D
@Agent-D 5 лет назад
+
@Бойправ-ж8ы
@Бойправ-ж8ы 4 года назад
Продолжения нет?
@liveinenduro2647
@liveinenduro2647 8 лет назад
Мы изучаем блок див или виды идентификаторов?!
@Nickkkkkjhg
@Nickkkkkjhg 5 лет назад
а почему не дописал ?
@zhanuzakchannel5629
@zhanuzakchannel5629 4 года назад
это не важно лол
@Nickkkkkjhg
@Nickkkkkjhg 4 года назад
@@zhanuzakchannel5629 кхуевый с тебя выйдет верстальщик, это не важно то не важно
@klabadros
@klabadros 7 лет назад
1. Напиши на бумаге то, что хочешь донести до слушателя. Чтобы не было этого тоскливого беканья. 2. Ну какого же хера, всем зрителям надо смотреть, как ты по три раза не можешь раздуплить с раскладкой клавиатуры! Ну отключи ты эту хню и делай ручками!
@Рома-л2х5н
@Рома-л2х5н 5 лет назад
заткнись сам смоги так грязный!!
@monsterapple6234
@monsterapple6234 8 месяцев назад
Ничего не работает
@ilyachervyakov4400
@ilyachervyakov4400 8 лет назад
html5 ааааааа
@ВладимирТюрин-з6е
@ВладимирТюрин-з6е 4 года назад
Ну перепутал человек с css))) Просто оговорился.
@НикитаШатров-ш4н
Как же много воды, слушать не возможно.
@TheForsaken2009
@TheForsaken2009 6 лет назад
заткнись
@aldoha007
@aldoha007 5 лет назад
чет не работает
@МаксимКравченко-й2ю
нихера не понял минус времья
@marikoch5577
@marikoch5577 7 лет назад
ну где вы, учителя... у меня тоже все получается, когда все открывается и все работает. а вы попробуйте научить на ошибке.
@ДмитрийКондрашов-н7х
Плохо
@osmanosmanov2675
@osmanosmanov2675 6 лет назад
Научись ценить человеческий труд!
@_Iokanaan_Marusidze_
@_Iokanaan_Marusidze_ 6 лет назад
Благодарю !
@ВалеріяКвятковська
а где ссылка??
Далее
How to position items using div containers
15:45
Просмотров 10 тыс.