Тёмный

HTML5 для начинающих / Урок #5 - Теги для работы с текстом 

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

В HTML есть множество тегов и каждый из них отвечает за свои определенные действия. Для работы с текстом существует также масса тегов, которые мы изучим в ходе данного урока.
✅ Полезные ссылки:
✏️ Урок на сайте itProger: itproger.com/course/html/5
⏰ Тайм коды:
00:00 - Начало
00:23 - Теги для создания заголовков
02:05 - Тег для создания абзаца
03:08 - Теги для стилизации текста
09:50 - Тег для перевода строки
11:51 - Горизонтальная линия
12:09 - Обозначающие теги
16:22 - Теги для вывода кода
18:42 - Завершение
✔ Сообщество программистов: itproger.com/
✔ -------------
Вступай в группу Вк - prog_life 🚀
Группа FaceBook - goo.gl/XW0aaP
Инстаграм itProger: / itproger_official
Instagram: / gosha_dudar
Telegram: t.me/itProger_official
Twitter - / goshadudar
- Уроки от #itProger 👨🏼‍💻
- Все уроки по хештегу #itprogerLessons

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

 

28 апр 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 190   
@nndddd7562
@nndddd7562 2 года назад
Мальчик: Мужчина: жирность на жирность не умножается!
@user-xu9cy7kq2u
@user-xu9cy7kq2u 11 месяцев назад
Очень содержательный урок! Автору спасибо!
@user-gs4ec4it5l
@user-gs4ec4it5l 3 года назад
Спасибо за твои уроки!!!
@ksenrix
@ksenrix 8 месяцев назад
Спасибо за такой подробный и чёткий урок !
@dusmuhammadisakov3383
@dusmuhammadisakov3383 5 месяцев назад
место можно писать Text
@fodi7630
@fodi7630 Год назад
Спасибо вам большое очень помогайте в обучение !
@livius0653
@livius0653 3 года назад
Большое спасибо за урок !!! Лайк + подписка
@user-xg7jx3sm1f
@user-xg7jx3sm1f Год назад
Насчёт тега and . Strong, он используется в новой версии html5. b использовался в старой версии html4. И в случае если появится html6 то тег b пропадёт, и ваши работы будут не устроены как надо. По этому тег strong лучше подойдёт для дальнейшей работы с хтмл6. На заметку. Кстати, тег and та же история, только не помню какой из был добавлен в версии хтмл 5
@user-fv1rm7sk5c
@user-fv1rm7sk5c Месяц назад
Тег был добавлен в 4 версии
@Burovasofia
@Burovasofia Год назад
спасибо за урок. очень даже интересно.
@Itpedie
@Itpedie 3 года назад
Благодарю за топовый урок
@Sweet_and_joy
@Sweet_and_joy 2 года назад
теги strong и em необходимы для слабовидящих людей, которые слушают текст, а не читают. Данные слова произносятся с другой интонацией, определяя ВАЖНОСТЬ этого текста
@user-xg7jx3sm1f
@user-xg7jx3sm1f Год назад
и плюс они добавлены в хтмл 5 как новые и их наличие в хтмл 6 более вероятно чем их визави
@kanekihub
@kanekihub 2 года назад
Пересматриваю курс. Мне 15 лет, вскоре хочу делать сайты на заказ. Спасибо вам огромное за ваши уроки. Все понятно и интересно. Вы мой кумир!)
@exl88
@exl88 2 года назад
@Mine Life не, он забросил и пошел жрать шаву
@user-yc3ty5fo3y
@user-yc3ty5fo3y 2 года назад
ну что как успехи за пол года?
@toukpw7137
@toukpw7137 2 года назад
Тоже пересматриваю
@kanekihub
@kanekihub 2 года назад
@@user-yc3ty5fo3y пишу биты
@d1zzy155
@d1zzy155 Год назад
@@kanekihub с сайтами не пошло?
@user-yh2xh2gx1o
@user-yh2xh2gx1o 2 года назад
Спасибо за видос 👍👍👍
@Lari_R
@Lari_R 2 года назад
Человеческое спасибо :)
@artemchannel3525
@artemchannel3525 9 месяцев назад
Спасибо большое за урок!
@user-pj4ud5fz1h
@user-pj4ud5fz1h 3 года назад
всё доступно и понятно, спасибо!
@demetriusjaylen8349
@demetriusjaylen8349 2 года назад
a tip: you can watch movies on instaflixxer. I've been using them for watching loads of movies these days.
@wesleyalvin3308
@wesleyalvin3308 2 года назад
@Demetrius Jaylen Definitely, have been using InstaFlixxer for since november myself :D
@knoxsergio9311
@knoxsergio9311 2 года назад
@Demetrius Jaylen Yea, I have been watching on instaflixxer for years myself :D
@LimitlessLine
@LimitlessLine 2 года назад
@@demetriusjaylen8349 TTococu
@LimitlessLine
@LimitlessLine 2 года назад
@@knoxsergio9311 TTococu
@zxs_DEADinside
@zxs_DEADinside 6 месяцев назад
СПС ЗА УРОК ))))))))
@user-fg4rw6ox2z
@user-fg4rw6ox2z Год назад
Все понятно и ясно , в будущем думаю идти на IT специальность
@user-kw1zf6ix6e
@user-kw1zf6ix6e 11 месяцев назад
тоже
@mirasshaiduyev
@mirasshaiduyev 2 месяца назад
как успехи?
@AEMAYKOP
@AEMAYKOP Год назад
Великолепно !
@abdulmajitkubatbekov5731
@abdulmajitkubatbekov5731 2 года назад
Большое спасибо
@user-se3rp1wt8u
@user-se3rp1wt8u 2 месяца назад
Спасибо вам большое за урок!!!
@musiklife8808
@musiklife8808 3 года назад
Спасибо мужик
@oleksandrnavoyskiy9409
@oleksandrnavoyskiy9409 18 дней назад
жырний,-важный,-определить нимание,-курсив. -перенос где поставил,а-для того чтоб програма сама определила где лучьше ето сделать.
@hakimjonghaniev5536
@hakimjonghaniev5536 2 года назад
Спасибо
@user-hi7mm1jw2c
@user-hi7mm1jw2c 3 года назад
Супер
@dayinmylife8281
@dayinmylife8281 2 года назад
ты молодец!!!!
@IHORhoncharenko
@IHORhoncharenko 3 года назад
Вы что такое говорите, тег и это очень важные семантические теги, которые просто так использовать нельзя. Если необходимо просто сделать шрифт жирным то лучше использовать тег . Это же спецификация html5, в своей основе данной версии хтмл лежит правильное использование семантических тегов. Я только обучаюсь этому и могу ошибаться, но при составлении уроков по HTML5 обратите на это внимание пожалуйста. В остальном подача очень хорошая.
@doctorproger7548
@doctorproger7548 3 года назад
Тег ? Впервые слышу такой тег
@ioji1476
@ioji1476 3 года назад
Открою тебе глаза марк делает текст желтым)))
@user-zh1vy3rs5t
@user-zh1vy3rs5t 2 года назад
Лучше использовать сразу CSS
@IHORhoncharenko
@IHORhoncharenko 2 года назад
@@ioji1476 css тебе в помощь....если ты ещё не в курсе что теги визуально можно переопределить как угодно
@IHORhoncharenko
@IHORhoncharenko 2 года назад
@@user-zh1vy3rs5t совершенно верно, тег mark использовать лучше, если по каким то причинам нет возможности использовать просто css
@govdamikhaylo4183
@govdamikhaylo4183 3 года назад
1 видос досматриваю выходит новый:)
@sanlink7183
@sanlink7183 2 года назад
Апхахахахах
@user-uc5ix6ic1k
@user-uc5ix6ic1k 10 месяцев назад
респект автору
@globalstatistic7808
@globalstatistic7808 Год назад
спасибо
@user-qc8sz1jo6u
@user-qc8sz1jo6u 8 месяцев назад
Большое спасибо.Мне 12 лет и уже учу html с мака
@vovanfx
@vovanfx Год назад
cgспасибо
@VinniPuh2.0
@VinniPuh2.0 Год назад
Спасибо теюе огромное, очень сильно хочу написать свой первый сайт на котором будут ссылки на браузерные игры html5 моего создания. хочу сделать эти игры при длительном залипании в них где - то на месяц и при этом добавить туда оплату с рекламой. Хочется ведь зарабатывать, но пока что надо всему научиться с нуля. Почти с нуля.
@user-mo4nq6bz5g
@user-mo4nq6bz5g 2 года назад
Нео ты мой кумир😁
@Diller674
@Diller674 Год назад
Рекомендую всем писать с помошью WebStorm С ним всё горазда удобнее и понятнее
@Pavel_Derevyanko
@Pavel_Derevyanko 3 года назад
👍
@user-ex9cs8zi7e
@user-ex9cs8zi7e 3 месяца назад
😊😊😊😊😊
@user-wl6fy7sp3z
@user-wl6fy7sp3z 11 месяцев назад
Я узнал сейчас больше, чем за 4 пары
@user-jf4lm5sx5o
@user-jf4lm5sx5o 10 месяцев назад
Я использую для написания кода Visual Studio Code. Еще использую гит и гитхаб. Вообще мне 13 лет. В том году я вообще делал сайты на тилда (кто не знает - это сайт в котором делаешь сайт без всякого кода и этот сайт сразу можно опубликовать в интернет)
@frontend_developer_anti_vata
@frontend_developer_anti_vata 6 месяцев назад
А может ли он заменить html и сss
@cofraschannel8614
@cofraschannel8614 4 месяца назад
@@frontend_developer_anti_vata скорее нет, это конструктор
@NetikTheNetro
@NetikTheNetro 2 месяца назад
учу HTML и чтобы все точно запоминать записываю все в блокнот. Так и информация лучше мною воспринимается так и можно пользоваться им!
@user-wm8ie9rm9g
@user-wm8ie9rm9g 9 месяцев назад
я единственное не понимаю, почему Н2О автоматически перенёсся на следующий абзац если мы для него не прописывали тег ? 10:03
@user-dn4hw4pl8x
@user-dn4hw4pl8x 9 месяцев назад
потому что а2 растянут до конца строки. Н2о автоматом сьехал на новую
@xeither289
@xeither289 2 года назад
БОГ ЕСТЬ ЛЮБИТЕ БОГА И СВОИХ БЛИЖНИХ!!!
@0nly0n3
@0nly0n3 2 года назад
не работает с заголовками(h1), создаются 2 строки, а не урезание имеющиеся. но обычный текст урезает
@Mikl07
@Mikl07 3 месяца назад
Так же этот тег не работает с параграфами()
@user-ex3sk7tq5y
@user-ex3sk7tq5y 3 года назад
коли прописую, то наступний рядок через строку йде (як на відео коли 2 прописують)
@itproger
@itproger 3 года назад
Все зависит от браузера
@slaimzzzz
@slaimzzzz Год назад
Мне 15 лет. Выучил python и популярные библиотеки. По планам выучить HTML, CSS, MYSQL, Джанго
@dovahkiin4060
@dovahkiin4060 10 месяцев назад
И как идёт
@alanwilliams800
@alanwilliams800 Месяц назад
12:23 HTML - Hyper Text Markup Language *
@xeither289
@xeither289 2 года назад
ИИСУС ХРИСТОС ЕСТЬ МЕССИЯ И ОН ВОСКРЕС!!!
@user-bt8qp1ic6f
@user-bt8qp1ic6f 2 года назад
Понравилось
@akzatar_2286
@akzatar_2286 11 месяцев назад
мне 12 смотрю курсы по html css с 1 июня перейду на js))
@itoronagasaki5933
@itoronagasaki5933 10 месяцев назад
забросил да
@akzatar_2286
@akzatar_2286 10 месяцев назад
@@itoronagasaki5933 нет но щас не так активно
@rededd
@rededd 3 года назад
Подскажите , как сделать так ,чтоб при смене языка (Alt+Shift) с английского на русский в Атоме , черточка ( | ) не пропадала с места где я набираю код ?? Бесит по сто раз мышкой выбирать обратно ...
@Daniel-hl8vw
@Daniel-hl8vw 3 года назад
Нажми на не использованное место в проге(которое ни за что не отвечает), может поможет. Я так делаю
@user-gv2xx3yb9w
@user-gv2xx3yb9w 3 года назад
пользуйся не Atome, а VSCODE (Визуал студио код), там нет такой финги + там очень удобно. Например - пишешь тег, и автоматом тебе пишется закрывание этого тега. Просто топ.
@alexasmol2889
@alexasmol2889 3 года назад
@@user-gv2xx3yb9w согласна. В визуал студио удобнее чем в Атоме. Там просто, прописываешь !Doctype и выходит базовая констоукция, дальше заполняй всё что нужно
@Krylowandrey
@Krylowandrey Год назад
А что, код JavaSkript можно писать прямо там где написан HTML?
@rb00zeeofficial55
@rb00zeeofficial55 2 года назад
почему при добавлении тега abbr в исходной версии страницы абривиатура подчеркнута каким-то пунктиром?
@dvsbreitmann4914
@dvsbreitmann4914 2 года назад
Я тоже не понял, в Safari не подчеркнуло.
@Termux-nazar-antihack-linux
@Termux-nazar-antihack-linux 5 месяцев назад
13:11
@user-vt7ix5hi4b
@user-vt7ix5hi4b 9 месяцев назад
Почему у меня тег strike светит красным цветом, можете объяснить? А в браузере все работает
@Virusnik
@Virusnik Год назад
Мне 14 лет, хочу создавать сайты на заказ, надеюсь ваши уроки мне помогут!
@mekkeyy8449
@mekkeyy8449 Год назад
помогло?
@Kiss15636
@Kiss15636 Год назад
@@mekkeyy8449 А как понять поможет или нет? Он расскажет всю нужную инфу и ты сможешь сделать сайт на заказ.
@spraysferry9841
@spraysferry9841 Год назад
@@Kiss15636 для начала выучить HTMl и CSS. Потом JS если хочешь. А если с питоном работаешь учи Django или Flask
@user-rw7it9gk1v
@user-rw7it9gk1v Месяц назад
Называть Параграф() абзацем - только путать)))
@alexazarov7255
@alexazarov7255 2 года назад
Почему если я пишу тег title Главная страница после всех meta name то в браузера на странице написано Главная страница а не в названии вкладки если сразу после названия автора то все нормально отображается
@zipsit2315
@zipsit2315 Год назад
пиши сразу после - .
@user-ro5xm8tv1f
@user-ro5xm8tv1f Год назад
то же самое было, оказывается я не правильно слово title писал
@Krylowandrey
@Krylowandrey 7 дней назад
Если атрибут title можно добавить к любому тегу, то зачем тогда нужен тег abbr?
@user-wy2zk3gj6y
@user-wy2zk3gj6y 10 месяцев назад
А можно использовать несколько тегов в одном тексте?
@user-dn4hw4pl8x
@user-dn4hw4pl8x 9 месяцев назад
кто знает в чем прикол? Можно ведь не писать тег и сразу написать и будет работать
@Pro100Freebie
@Pro100Freebie Год назад
Оставлю свой комментарий,начинаю изучение 01,05,2023
@RavanaMustafayeva
@RavanaMustafayeva 11 месяцев назад
я тоже сейчас начала, удачи)
@zikkia7351
@zikkia7351 6 месяцев назад
Ну что как успехи?
@__escobar_7108
@__escobar_7108 5 месяцев назад
как запустить сайт для тестов как справа?
@user-xu1ck1wv9r
@user-xu1ck1wv9r 5 месяцев назад
Сухарик Бобарик Баксик я крутой чубрик
@dellw1k463
@dellw1k463 6 месяцев назад
Ребят, а как также скрывать строки кода? Пишу в Sublime Text) 2:22
@Krylowandrey
@Krylowandrey Год назад
А вот эти слили (жирный текст, курсив и т.п.) эти слили они не имеют отношения к CSS?
@tatyanashengelay1500
@tatyanashengelay1500 Год назад
Нет, не имеют. Раньше так и писали стили, но потом решили создать отдельный формат CSS
@mulfrader3263
@mulfrader3263 9 месяцев назад
Привет спасибо за видео - но у меня проблемы слово привет отображаеться а все остальные слова нет ни заголовок ничего - с чем это может быть связанно?
@xeither289
@xeither289 2 года назад
😥❤💕🙏❤☦☦
@deleted1590
@deleted1590 2 года назад
Жирность на жирность не умножается, лол 😂
@RavanaMustafayeva
@RavanaMustafayeva 11 месяцев назад
В Visual studio с title проблемы. Никак не получается. Не знаю что делаю неправильно.
@zan4ik38
@zan4ik38 11 месяцев назад
братик, при создание нового файла просто напиши "!" и нажми на подсказку. так и head, body будет уже готов. попробуй и поймешь надеюсь помог
@RavanaMustafayeva
@RavanaMustafayeva 11 месяцев назад
@@zan4ik38 спасибо попробую
@nasurova77samara
@nasurova77samara 9 месяцев назад
подскажите почему у меня не лткрывается мой сайт(она конечно открывается но так только коды которые я написал а самого сайта нету:(
@nasurova77samara
@nasurova77samara 9 месяцев назад
Там одни коды которые я написал
@fadeezzz
@fadeezzz 3 года назад
Кто знает ответьте А в чем разница между и ? Они оба делают текст жирным
@cryptomillioner3270
@cryptomillioner3270 3 года назад
Ну смотри, тег просто делает текст жирным, но тег обозначает важность информации введённый в этот тег. Просто у них отображение одинаковые, но тег считается смысловой разметкой. Как и тег курсива который отвечает за интонационное ударение. В отличие от тега обычного курсива . Если есть вопросы задавай, сам только месяц учу по книге, и уже почти прошёл её.
@fadeezzz
@fadeezzz 3 года назад
@@cryptomillioner3270 Спасибо
@tryhubaa
@tryhubaa 3 года назад
@@cryptomillioner3270 а по какой книге?
@cryptomillioner3270
@cryptomillioner3270 3 года назад
@@tryhubaa John Duckett: HTML and CSS
@leader3826
@leader3826 3 года назад
@@cryptomillioner3270 красава
@obsi1019
@obsi1019 11 месяцев назад
а почему у меня не работает тег br? ну типо я его пишу а он не переносит текст
@Rekvop
@Rekvop 2 месяца назад
Стоп, а создатели гдз знаю от тегах sup и sub? Просто не видел чтобы они их использовали
@user-hu9yx6qr2h
@user-hu9yx6qr2h 11 дней назад
Что делать если формулы пишуутся всегда жирным шрифтом?
@mixgametv2373
@mixgametv2373 2 года назад
когда я писл програма он открыл не в гугл хром а в микрософт как изменить браузер?
@zipsit2315
@zipsit2315 Год назад
поставить другой по умолчанию.)
@Rekvop
@Rekvop 2 месяца назад
Блин, мне 10 лет а я уже тут
@countryyt8900
@countryyt8900 3 года назад
новая строка не получается в теге TRкоммент TRкоммент что делаю не так???
@fadeezzz
@fadeezzz 3 года назад
Пиши так Коммент Коммент
@user-cp1mg2jd1q
@user-cp1mg2jd1q 4 месяца назад
как дублировать?
@rustykz7708
@rustykz7708 11 месяцев назад
тот случай, когда сделал кучу гo8нoсайтов на Вордпрессе, и все-таки решил узнать, что же такое эти ваши хтмл
@user-vn3gj2dk5v
@user-vn3gj2dk5v Год назад
А как начать на этом зарабатывать? Где найти первых клиентов?
@nersisyan202
@nersisyan202 Год назад
Изучи сначала все Я имею ввиду вбей frontend roadmap и изучи все
@treu3135
@treu3135 Год назад
для начала изучи от хтмл до джавы, дальше сделай несколько десятков сайтов, а после иди на американские версии фри ланса(они платят нормальные деньги за плёвую роботу)
@user-kg3dk6ln4i
@user-kg3dk6ln4i 2 года назад
rer
@user-mq9kt7pb2l
@user-mq9kt7pb2l 3 года назад
нет времни объяснять, программируй
@azteccrov6113
@azteccrov6113 3 года назад
Времени
@roppeld
@roppeld 3 года назад
@@azteccrov6113 у него не было времени это писать))
@user-tq4zi3bo1q
@user-tq4zi3bo1q 3 года назад
у меня гугл все жирный показывает
@nicvolentine5816
@nicvolentine5816 2 года назад
как разбить рабочую область как на видео? что бы слева я видел код а справа сразу сайт видел
@PronyaD
@PronyaD 3 года назад
Тег big является устаревшим и не используется в HTML5
@user-qr3mz9ic4x
@user-qr3mz9ic4x 3 года назад
у меня не выделяет ошибки, установил linter-htmlhint и linter, подскажите пожалуйста
@jackson8460
@jackson8460 Год назад
Интересно, настанет ли когда-нибудь время когда я буду понимать все, что говорится в этом видео!?
@user-crygames
@user-crygames Год назад
Так не сложно
@VinniPuh2.0
@VinniPuh2.0 Год назад
Это не очень сложно, правда изуяение долгое, ну оочень, и поэтому не получится всё это запомнить за 1 день. Плюс каждый день это надо практиковать чтобы закрепить и не забыть материал.
@user-crygames
@user-crygames Год назад
@@VinniPuh2.0 Даже я в 14 понял ,Html понятный
@quxineOfficial
@quxineOfficial 10 месяцев назад
​@@user-crygamesя в 12 понимаю все что в видео
@user-crygames
@user-crygames 10 месяцев назад
@@quxineOfficial да язык верстки лёгкий , только тебе кстати нужно после его изучения нужно почитать книгу
@user-zm2sd7kb7p
@user-zm2sd7kb7p 7 месяцев назад
воды налито
@user-mf5qj3yd7d
@user-mf5qj3yd7d 5 месяцев назад
Вообще нет
@user-ll4qe9kk1r
@user-ll4qe9kk1r 3 месяца назад
вобще да но это явно не специально
@user-bt8qp1ic6f
@user-bt8qp1ic6f 2 года назад
Спасибо
Далее
когда одна дома // EVA mash
00:51
Просмотров 2,6 млн
Unity Функции Awake и Start
2:53
Просмотров 13 тыс.
CSS text-wrap: balance
4:19
Просмотров 19 тыс.