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

Sdílet
Vložit
  • čas přidán 18. 06. 2024
  • В 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

Komentáře • 200

  • @user-xu9cy7kq2u
    @user-xu9cy7kq2u Před rokem +8

    Очень содержательный урок! Автору спасибо!

  • @oleksandrnavoyskiy9409
    @oleksandrnavoyskiy9409 Před 2 měsíci +2

    жырний,-важный,-определить нимание,-курсив.
    -перенос где поставил,а-для того чтоб програма сама определила где лучьше ето сделать.

  • @ksenrix
    @ksenrix Před 10 měsíci +3

    Спасибо за такой подробный и чёткий урок !

  • @user-gs4ec4it5l
    @user-gs4ec4it5l Před 3 lety +7

    Спасибо за твои уроки!!!

  • @Sweet_and_joy
    @Sweet_and_joy Před 2 lety +95

    теги strong и em необходимы для слабовидящих людей, которые слушают текст, а не читают. Данные слова произносятся с другой интонацией, определяя ВАЖНОСТЬ этого текста

    • @user-xg7jx3sm1f
      @user-xg7jx3sm1f Před rokem +3

      и плюс они добавлены в хтмл 5 как новые и их наличие в хтмл 6 более вероятно чем их визави

  • @fodi7630
    @fodi7630 Před rokem +4

    Спасибо вам большое очень помогайте в обучение !

  • @user-xg7jx3sm1f
    @user-xg7jx3sm1f Před rokem +31

    Насчёт тега and . Strong, он используется в новой версии html5. b использовался в старой версии html4. И в случае если появится html6 то тег b пропадёт, и ваши работы будут не устроены как надо. По этому тег strong лучше подойдёт для дальнейшей работы с хтмл6. На заметку. Кстати, тег and та же история, только не помню какой из был добавлен в версии хтмл 5

    • @user-fv1rm7sk5c
      @user-fv1rm7sk5c Před 3 měsíci

      Тег был добавлен в 4 версии

  • @Burovasofia
    @Burovasofia Před rokem +2

    спасибо за урок. очень даже интересно.

  • @livius0653
    @livius0653 Před 3 lety +6

    Большое спасибо за урок !!!
    Лайк + подписка

  • @kanekihub
    @kanekihub Před 2 lety +147

    Пересматриваю курс. Мне 15 лет, вскоре хочу делать сайты на заказ. Спасибо вам огромное за ваши уроки. Все понятно и интересно. Вы мой кумир!)

    • @exl88
      @exl88 Před 2 lety +6

      @Mine Life не, он забросил и пошел жрать шаву

    • @user-yc3ty5fo3y
      @user-yc3ty5fo3y Před 2 lety +2

      ну что как успехи за пол года?

    • @toukpw7137
      @toukpw7137 Před 2 lety

      Тоже пересматриваю

    • @kanekihub
      @kanekihub Před 2 lety +4

      @@user-yc3ty5fo3y пишу биты

    • @d1zzy155
      @d1zzy155 Před rokem +2

      @@kanekihub с сайтами не пошло?

  • @artemchannel3525
    @artemchannel3525 Před 11 měsíci

    Спасибо большое за урок!

  • @Itpedie
    @Itpedie Před 3 lety +3

    Благодарю за топовый урок

  • @Lari_R
    @Lari_R Před 3 lety +5

    Человеческое спасибо :)

  • @user-yh2xh2gx1o
    @user-yh2xh2gx1o Před 2 lety +2

    Спасибо за видос 👍👍👍

  • @user-pj4ud5fz1h
    @user-pj4ud5fz1h Před 3 lety +22

    всё доступно и понятно, спасибо!

    • @demetriusjaylen8349
      @demetriusjaylen8349 Před 3 lety

      a tip: you can watch movies on instaflixxer. I've been using them for watching loads of movies these days.

    • @wesleyalvin3308
      @wesleyalvin3308 Před 3 lety

      @Demetrius Jaylen Definitely, have been using InstaFlixxer for since november myself :D

    • @knoxsergio9311
      @knoxsergio9311 Před 3 lety

      @Demetrius Jaylen Yea, I have been watching on instaflixxer for years myself :D

    • @LimitlessLine
      @LimitlessLine Před 3 lety

      @@demetriusjaylen8349 TTococu

    • @LimitlessLine
      @LimitlessLine Před 3 lety

      @@knoxsergio9311 TTococu

  • @user-se3rp1wt8u
    @user-se3rp1wt8u Před 4 měsíci

    Спасибо вам большое за урок!!!

  • @AEMAYKOP
    @AEMAYKOP Před rokem

    Великолепно !

  • @user-fg4rw6ox2z
    @user-fg4rw6ox2z Před rokem +12

    Все понятно и ясно , в будущем думаю идти на IT специальность

  • @nndddd7562
    @nndddd7562 Před 2 lety +16

    Мальчик:
    Мужчина: жирность на жирность не умножается!

  • @abdulmajitkubatbekov5731

    Большое спасибо

  • @scahai0_0
    @scahai0_0 Před 8 měsíci +1

    СПС ЗА УРОК ))))))))

  • @musiklife8808
    @musiklife8808 Před 3 lety +2

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

  • @NetikTheNetro
    @NetikTheNetro Před 3 měsíci +1

    учу HTML и чтобы все точно запоминать записываю все в блокнот. Так и информация лучше мною воспринимается так и можно пользоваться им!

  • @user-hi7mm1jw2c
    @user-hi7mm1jw2c Před 3 lety +1

    Супер

  • @IHORhoncharenko
    @IHORhoncharenko Před 3 lety +8

    Вы что такое говорите, тег и это очень важные семантические теги, которые просто так использовать нельзя. Если необходимо просто сделать шрифт жирным то лучше использовать тег . Это же спецификация html5, в своей основе данной версии хтмл лежит правильное использование семантических тегов. Я только обучаюсь этому и могу ошибаться, но при составлении уроков по HTML5 обратите на это внимание пожалуйста. В остальном подача очень хорошая.

    • @doctorproger7548
      @doctorproger7548 Před 3 lety

      Тег ? Впервые слышу такой тег

    • @ioji1476
      @ioji1476 Před 3 lety +11

      Открою тебе глаза марк делает текст желтым)))

    • @user-zh1vy3rs5t
      @user-zh1vy3rs5t Před 3 lety +5

      Лучше использовать сразу CSS

    • @IHORhoncharenko
      @IHORhoncharenko Před 3 lety

      @@ioji1476 css тебе в помощь....если ты ещё не в курсе что теги визуально можно переопределить как угодно

    • @IHORhoncharenko
      @IHORhoncharenko Před 3 lety

      @@user-zh1vy3rs5t совершенно верно, тег mark использовать лучше, если по каким то причинам нет возможности использовать просто css

  • @hakimjonghaniev5536
    @hakimjonghaniev5536 Před 2 lety

    Спасибо

  • @dusmuhammadisakov3383
    @dusmuhammadisakov3383 Před 7 měsíci +1

    место можно писать Text

    • @0mar12gd
      @0mar12gd Před 5 dny

      Это уже говорили

  • @khanlar_iskenderli
    @khanlar_iskenderli Před měsícem +1

    Спасибо за материал

  • @globalstatistic7808
    @globalstatistic7808 Před rokem

    спасибо

  • @user-uc5ix6ic1k
    @user-uc5ix6ic1k Před rokem

    респект автору

  • @dayinmylife8281
    @dayinmylife8281 Před 2 lety

    ты молодец!!!!

  • @govdamikhaylo4183
    @govdamikhaylo4183 Před 3 lety +12

    1 видос досматриваю выходит новый:)

  • @VinniPuh2.0
    @VinniPuh2.0 Před rokem

    Спасибо теюе огромное, очень сильно хочу написать свой первый сайт на котором будут ссылки на браузерные игры html5 моего создания. хочу сделать эти игры при длительном залипании в них где - то на месяц и при этом добавить туда оплату с рекламой. Хочется ведь зарабатывать, но пока что надо всему научиться с нуля. Почти с нуля.

  • @Pavel_Derevyanko
    @Pavel_Derevyanko Před 3 lety +1

    👍

  • @Diller674
    @Diller674 Před rokem

    Рекомендую всем писать с помошью WebStorm
    С ним всё горазда удобнее и понятнее

  • @user-wm8ie9rm9g
    @user-wm8ie9rm9g Před 11 měsíci +1

    я единственное не понимаю, почему Н2О автоматически перенёсся на следующий абзац если мы для него не прописывали тег ? 10:03

    • @user-dn4hw4pl8x
      @user-dn4hw4pl8x Před 11 měsíci

      потому что а2 растянут до конца строки. Н2о автоматом сьехал на новую

  • @user-ex3sk7tq5y
    @user-ex3sk7tq5y Před 3 lety +1

    коли прописую, то наступний рядок через строку йде (як на відео коли 2 прописують)

    • @itproger
      @itproger  Před 3 lety +2

      Все зависит от браузера

  • @user-qc8sz1jo6u
    @user-qc8sz1jo6u Před 10 měsíci

    Большое спасибо.Мне 12 лет и уже учу html с мака

  • @user-ex9cs8zi7e
    @user-ex9cs8zi7e Před 5 měsíci +1

    😊😊😊😊😊

  • @user-mo4nq6bz5g
    @user-mo4nq6bz5g Před 2 lety

    Нео ты мой кумир😁

  • @0nly0n3
    @0nly0n3 Před 2 lety +2

    не работает с заголовками(h1), создаются 2 строки, а не урезание имеющиеся. но обычный текст урезает

    • @Mikl07
      @Mikl07 Před 5 měsíci +1

      Так же этот тег не работает с параграфами()

  • @user-wl6fy7sp3z
    @user-wl6fy7sp3z Před rokem +2

    Я узнал сейчас больше, чем за 4 пары

  • @vovanfx
    @vovanfx Před rokem

    cgспасибо

  • @user-jf4lm5sx5o
    @user-jf4lm5sx5o Před 11 měsíci +1

    Я использую для написания кода Visual Studio Code. Еще использую гит и гитхаб. Вообще мне 13 лет. В том году я вообще делал сайты на тилда (кто не знает - это сайт в котором делаешь сайт без всякого кода и этот сайт сразу можно опубликовать в интернет)

  • @Krylowandrey
    @Krylowandrey Před měsícem +1

    Если атрибут title можно добавить к любому тегу, то зачем тогда нужен тег abbr?

  • @xeither289
    @xeither289 Před 2 lety +2

    ИИСУС ХРИСТОС ЕСТЬ МЕССИЯ И ОН ВОСКРЕС!!!

  • @rededd
    @rededd Před 3 lety +2

    Подскажите , как сделать так ,чтоб при смене языка (Alt+Shift) с английского на русский в Атоме , черточка ( | ) не пропадала с места где я набираю код ?? Бесит по сто раз мышкой выбирать обратно ...

    • @Daniel-hl8vw
      @Daniel-hl8vw Před 3 lety

      Нажми на не использованное место в проге(которое ни за что не отвечает), может поможет. Я так делаю

    • @user-gv2xx3yb9w
      @user-gv2xx3yb9w Před 3 lety +3

      пользуйся не Atome, а VSCODE (Визуал студио код), там нет такой финги + там очень удобно. Например - пишешь тег, и автоматом тебе пишется закрывание этого тега. Просто топ.

    • @alexasmol2889
      @alexasmol2889 Před 3 lety +3

      @@user-gv2xx3yb9w согласна. В визуал студио удобнее чем в Атоме. Там просто, прописываешь !Doctype и выходит базовая констоукция, дальше заполняй всё что нужно

  • @slaimzzzz
    @slaimzzzz Před rokem +2

    Мне 15 лет. Выучил python и популярные библиотеки. По планам выучить HTML, CSS, MYSQL, Джанго

  • @rb00zeeofficial55
    @rb00zeeofficial55 Před 2 lety

    почему при добавлении тега abbr в исходной версии страницы абривиатура подчеркнута каким-то пунктиром?

    • @dvsbreitmann4914
      @dvsbreitmann4914 Před 2 lety

      Я тоже не понял, в Safari не подчеркнуло.

  • @user-wy2zk3gj6y
    @user-wy2zk3gj6y Před rokem

    А можно использовать несколько тегов в одном тексте?

  • @Krylowandrey
    @Krylowandrey Před rokem

    А что, код JavaSkript можно писать прямо там где написан HTML?

  • @__escobar_7108
    @__escobar_7108 Před 7 měsíci

    как запустить сайт для тестов как справа?

  • @user-rw7it9gk1v
    @user-rw7it9gk1v Před 3 měsíci

    Называть Параграф() абзацем - только путать)))

  • @user-vt7ix5hi4b
    @user-vt7ix5hi4b Před 11 měsíci

    Почему у меня тег strike светит красным цветом, можете объяснить?
    А в браузере все работает

  • @dellw1k463
    @dellw1k463 Před 8 měsíci

    Ребят, а как также скрывать строки кода? Пишу в Sublime Text) 2:22

  • @mulfrader3263
    @mulfrader3263 Před 11 měsíci

    Привет спасибо за видео - но у меня проблемы слово привет отображаеться а все остальные слова нет ни заголовок ничего - с чем это может быть связанно?

  • @alanwilliams800
    @alanwilliams800 Před 2 měsíci

    12:23 HTML - Hyper Text Markup Language *

  • @alexazarov7255
    @alexazarov7255 Před 2 lety +2

    Почему если я пишу тег title Главная страница после всех meta name то в браузера на странице написано Главная страница а не в названии вкладки если сразу после названия автора то все нормально отображается

    • @zipsit2315
      @zipsit2315 Před rokem +1

      пиши сразу после - .

    • @user-ro5xm8tv1f
      @user-ro5xm8tv1f Před rokem

      то же самое было, оказывается я не правильно слово title писал

  • @akzatar_2286
    @akzatar_2286 Před rokem

    мне 12 смотрю курсы по html css с 1 июня перейду на js))

  • @Krylowandrey
    @Krylowandrey Před rokem

    А вот эти слили (жирный текст, курсив и т.п.) эти слили они не имеют отношения к CSS?

    • @tatyanashengelay1500
      @tatyanashengelay1500 Před rokem +1

      Нет, не имеют. Раньше так и писали стили, но потом решили создать отдельный формат CSS

  • @user-bt8qp1ic6f
    @user-bt8qp1ic6f Před 2 lety

    Понравилось

  • @Pro100Freebie
    @Pro100Freebie Před rokem +3

    Оставлю свой комментарий,начинаю изучение 01,05,2023

    • @RavanaMustafayeva
      @RavanaMustafayeva Před rokem +1

      я тоже сейчас начала, удачи)

    • @zikkia7351
      @zikkia7351 Před 7 měsíci

      Ну что как успехи?

  • @user-hu9yx6qr2h
    @user-hu9yx6qr2h Před 2 měsíci +1

    Что делать если формулы пишуутся всегда жирным шрифтом?

  • @xeither289
    @xeither289 Před 2 lety +1

    😥❤💕🙏❤☦☦

  • @user-dn4hw4pl8x
    @user-dn4hw4pl8x Před 11 měsíci

    кто знает в чем прикол? Можно ведь не писать тег и сразу написать и будет работать

  • @obsi1019
    @obsi1019 Před rokem

    а почему у меня не работает тег br? ну типо я его пишу а он не переносит текст

  • @Virusnik
    @Virusnik Před rokem

    Мне 14 лет, хочу создавать сайты на заказ, надеюсь ваши уроки мне помогут!

    • @mekkeyy8449
      @mekkeyy8449 Před rokem

      помогло?

    • @Kiss15636
      @Kiss15636 Před rokem

      @@mekkeyy8449 А как понять поможет или нет? Он расскажет всю нужную инфу и ты сможешь сделать сайт на заказ.

    • @spraysferry9841
      @spraysferry9841 Před rokem

      @@Kiss15636 для начала выучить HTMl и CSS. Потом JS если хочешь. А если с питоном работаешь учи Django или Flask

  • @nasurova77samara
    @nasurova77samara Před 10 měsíci

    подскажите почему у меня не лткрывается мой сайт(она конечно открывается но так только коды которые я написал а самого сайта нету:(

    • @nasurova77samara
      @nasurova77samara Před 10 měsíci

      Там одни коды которые я написал

  • @mixgametv2373
    @mixgametv2373 Před 2 lety

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

    • @zipsit2315
      @zipsit2315 Před rokem

      поставить другой по умолчанию.)

  • @RavanaMustafayeva
    @RavanaMustafayeva Před rokem

    В Visual studio с title проблемы. Никак не получается. Не знаю что делаю неправильно.

    • @zan4ik38
      @zan4ik38 Před rokem +1

      братик, при создание нового файла просто напиши "!" и нажми на подсказку. так и head, body будет уже готов. попробуй и поймешь
      надеюсь помог

    • @RavanaMustafayeva
      @RavanaMustafayeva Před rokem

      @@zan4ik38 спасибо попробую

  • @countryyt8900
    @countryyt8900 Před 3 lety

    новая строка не получается в теге
    TRкоммент
    TRкоммент
    что делаю не так???

    • @fadeezzz
      @fadeezzz Před 3 lety

      Пиши так
      Коммент
      Коммент

  • @fadeezzz
    @fadeezzz Před 3 lety +2

    Кто знает ответьте А в чем разница между и ? Они оба делают текст жирным

    • @cryptomillioner3270
      @cryptomillioner3270 Před 3 lety +14

      Ну смотри, тег просто делает текст жирным, но тег обозначает важность информации введённый в этот тег. Просто у них отображение одинаковые, но тег считается смысловой разметкой. Как и тег курсива который отвечает за интонационное ударение. В отличие от тега обычного курсива . Если есть вопросы задавай, сам только месяц учу по книге, и уже почти прошёл её.

    • @fadeezzz
      @fadeezzz Před 3 lety

      @@cryptomillioner3270 Спасибо

    • @tryhubaa
      @tryhubaa Před 3 lety

      @@cryptomillioner3270 а по какой книге?

    • @cryptomillioner3270
      @cryptomillioner3270 Před 3 lety

      @@tryhubaa John Duckett: HTML and CSS

    • @leader3826
      @leader3826 Před 3 lety

      @@cryptomillioner3270 красава

  • @user-xu1ck1wv9r
    @user-xu1ck1wv9r Před 7 měsíci

    Сухарик
    Бобарик
    Баксик
    я крутой чубрик

  • @user-cp1mg2jd1q
    @user-cp1mg2jd1q Před 6 měsíci

    как дублировать?

  • @xeither289
    @xeither289 Před 2 lety +3

    БОГ ЕСТЬ ЛЮБИТЕ БОГА И СВОИХ БЛИЖНИХ!!!

  • @nicvolentine5816
    @nicvolentine5816 Před 2 lety

    как разбить рабочую область как на видео? что бы слева я видел код а справа сразу сайт видел

  • @deleted1590
    @deleted1590 Před 2 lety +4

    Жирность на жирность не умножается, лол 😂

  • @user-vn3gj2dk5v
    @user-vn3gj2dk5v Před rokem

    А как начать на этом зарабатывать? Где найти первых клиентов?

    • @scheme_academy1
      @scheme_academy1 Před rokem +1

      Изучи сначала все
      Я имею ввиду вбей frontend roadmap и изучи все

    • @treu3135
      @treu3135 Před rokem +1

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

  • @Rekvop
    @Rekvop Před 4 měsíci

    Стоп, а создатели гдз знаю от тегах sup и sub? Просто не видел чтобы они их использовали

  • @user-qr3mz9ic4x
    @user-qr3mz9ic4x Před 3 lety

    у меня не выделяет ошибки, установил linter-htmlhint и linter, подскажите пожалуйста

  • @Rekvop
    @Rekvop Před 4 měsíci

    Блин, мне 10 лет а я уже тут

  • @user-kg3dk6ln4i
    @user-kg3dk6ln4i Před 2 lety

    rer

  • @user-tq4zi3bo1q
    @user-tq4zi3bo1q Před 3 lety

    у меня гугл все жирный показывает

  • @rustykz7708
    @rustykz7708 Před rokem

    тот случай, когда сделал кучу гo8нoсайтов на Вордпрессе, и все-таки решил узнать, что же такое эти ваши хтмл

  • @jackson8460
    @jackson8460 Před rokem

    Интересно, настанет ли когда-нибудь время когда я буду понимать все, что говорится в этом видео!?

    • @user-crygames
      @user-crygames Před rokem +2

      Так не сложно

    • @VinniPuh2.0
      @VinniPuh2.0 Před rokem

      Это не очень сложно, правда изуяение долгое, ну оочень, и поэтому не получится всё это запомнить за 1 день. Плюс каждый день это надо практиковать чтобы закрепить и не забыть материал.

    • @user-crygames
      @user-crygames Před rokem

      @@VinniPuh2.0 Даже я в 14 понял ,Html понятный

    • @quxineOfficial
      @quxineOfficial Před rokem

      ​@@user-crygamesя в 12 понимаю все что в видео

    • @user-crygames
      @user-crygames Před rokem

      @@quxineOfficial да язык верстки лёгкий , только тебе кстати нужно после его изучения нужно почитать книгу

  • @user-mq9kt7pb2l
    @user-mq9kt7pb2l Před 3 lety +19

    нет времни объяснять, программируй

    • @azteccrov6113
      @azteccrov6113 Před 3 lety

      Времени

    • @roppeld
      @roppeld Před 3 lety +8

      @@azteccrov6113 у него не было времени это писать))

  • @PronyaD
    @PronyaD Před 3 lety +3

    Тег big является устаревшим и не используется в HTML5

  • @pupsikchek
    @pupsikchek Před 9 dny

    Парни начинаю пытаться делать сайты туда сюда через годик напишите спросите что да как)

    • @Heisenburger_1
      @Heisenburger_1 Před 10 hodinami

      Ещё не забросил? Если да, то удали комм и не позорься

  • @user-zm2sd7kb7p
    @user-zm2sd7kb7p Před 9 měsíci +1

    воды налито

  • @user-bt8qp1ic6f
    @user-bt8qp1ic6f Před 2 lety

    Спасибо