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

Поділитися
Вставка
  • Опубліковано 19 чер 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

КОМЕНТАРІ • 200

  • @user-xu9cy7kq2u
    @user-xu9cy7kq2u Рік тому +8

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

  • @oleksandrnavoyskiy9409
    @oleksandrnavoyskiy9409 2 місяці тому +2

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

  • @ksenrix
    @ksenrix 10 місяців тому +3

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

  • @user-gs4ec4it5l
    @user-gs4ec4it5l 3 роки тому +7

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

  • @Sweet_and_joy
    @Sweet_and_joy 2 роки тому +95

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

    • @user-xg7jx3sm1f
      @user-xg7jx3sm1f Рік тому +3

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

  • @fodi7630
    @fodi7630 Рік тому +4

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

  • @user-xg7jx3sm1f
    @user-xg7jx3sm1f Рік тому +31

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

    • @user-fv1rm7sk5c
      @user-fv1rm7sk5c 3 місяці тому

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

  • @Burovasofia
    @Burovasofia Рік тому +2

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

  • @livius0653
    @livius0653 3 роки тому +6

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

  • @kanekihub
    @kanekihub 2 роки тому +147

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

    • @exl88
      @exl88 2 роки тому +6

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

    • @user-yc3ty5fo3y
      @user-yc3ty5fo3y 2 роки тому +2

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

    • @toukpw7137
      @toukpw7137 2 роки тому

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

    • @kanekihub
      @kanekihub 2 роки тому +4

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

    • @d1zzy155
      @d1zzy155 Рік тому +2

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

  • @artemchannel3525
    @artemchannel3525 11 місяців тому

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

  • @Itpedie
    @Itpedie 3 роки тому +3

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

  • @Lari_R
    @Lari_R 3 роки тому +5

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

  • @user-yh2xh2gx1o
    @user-yh2xh2gx1o 2 роки тому +2

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

  • @user-pj4ud5fz1h
    @user-pj4ud5fz1h 3 роки тому +22

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

    • @demetriusjaylen8349
      @demetriusjaylen8349 3 роки тому

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

    • @wesleyalvin3308
      @wesleyalvin3308 3 роки тому

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

    • @knoxsergio9311
      @knoxsergio9311 3 роки тому

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

    • @LimitlessLine
      @LimitlessLine 3 роки тому

      @@demetriusjaylen8349 TTococu

    • @LimitlessLine
      @LimitlessLine 3 роки тому

      @@knoxsergio9311 TTococu

  • @user-se3rp1wt8u
    @user-se3rp1wt8u 4 місяці тому

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

  • @AEMAYKOP
    @AEMAYKOP Рік тому

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

  • @user-fg4rw6ox2z
    @user-fg4rw6ox2z Рік тому +12

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

  • @nndddd7562
    @nndddd7562 2 роки тому +16

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

  • @abdulmajitkubatbekov5731
    @abdulmajitkubatbekov5731 2 роки тому

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

  • @scahai0_0
    @scahai0_0 8 місяців тому +1

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

  • @musiklife8808
    @musiklife8808 3 роки тому +2

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

  • @NetikTheNetro
    @NetikTheNetro 3 місяці тому +1

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

  • @user-hi7mm1jw2c
    @user-hi7mm1jw2c 3 роки тому +1

    Супер

  • @IHORhoncharenko
    @IHORhoncharenko 3 роки тому +8

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

    • @doctorproger7548
      @doctorproger7548 3 роки тому

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

    • @ioji1476
      @ioji1476 3 роки тому +11

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

    • @user-zh1vy3rs5t
      @user-zh1vy3rs5t 3 роки тому +5

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

    • @IHORhoncharenko
      @IHORhoncharenko 3 роки тому

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

    • @IHORhoncharenko
      @IHORhoncharenko 3 роки тому

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

  • @hakimjonghaniev5536
    @hakimjonghaniev5536 2 роки тому

    Спасибо

  • @dusmuhammadisakov3383
    @dusmuhammadisakov3383 7 місяців тому +1

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

    • @0mar12gd
      @0mar12gd 5 днів тому

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

  • @khanlar_iskenderli
    @khanlar_iskenderli Місяць тому +1

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

  • @globalstatistic7808
    @globalstatistic7808 Рік тому

    спасибо

  • @user-uc5ix6ic1k
    @user-uc5ix6ic1k Рік тому

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

  • @dayinmylife8281
    @dayinmylife8281 2 роки тому

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

  • @govdamikhaylo4183
    @govdamikhaylo4183 3 роки тому +12

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

  • @VinniPuh2.0
    @VinniPuh2.0 Рік тому

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

  • @Pavel_Derevyanko
    @Pavel_Derevyanko 3 роки тому +1

    👍

  • @Diller674
    @Diller674 Рік тому

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

  • @user-wm8ie9rm9g
    @user-wm8ie9rm9g 11 місяців тому +1

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

    • @user-dn4hw4pl8x
      @user-dn4hw4pl8x 11 місяців тому

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

  • @user-ex3sk7tq5y
    @user-ex3sk7tq5y 3 роки тому +1

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

    • @itproger
      @itproger  3 роки тому +2

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

  • @user-qc8sz1jo6u
    @user-qc8sz1jo6u 10 місяців тому

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

  • @user-ex9cs8zi7e
    @user-ex9cs8zi7e 5 місяців тому +1

    😊😊😊😊😊

  • @user-mo4nq6bz5g
    @user-mo4nq6bz5g 2 роки тому

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

  • @0nly0n3
    @0nly0n3 2 роки тому +2

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

    • @Mikl07
      @Mikl07 5 місяців тому +1

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

  • @user-wl6fy7sp3z
    @user-wl6fy7sp3z Рік тому +2

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

  • @vovanfx
    @vovanfx Рік тому

    cgспасибо

  • @user-jf4lm5sx5o
    @user-jf4lm5sx5o 11 місяців тому +1

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

    • @frontend_developer_anti_vata
      @frontend_developer_anti_vata 8 місяців тому

      А может ли он заменить html и сss

    • @cofraschannel8614
      @cofraschannel8614 6 місяців тому

      @@frontend_developer_anti_vata скорее нет, это конструктор

  • @Krylowandrey
    @Krylowandrey Місяць тому +1

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

  • @xeither289
    @xeither289 2 роки тому +2

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

  • @rededd
    @rededd 3 роки тому +2

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

    • @Daniel-hl8vw
      @Daniel-hl8vw 3 роки тому

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

    • @user-gv2xx3yb9w
      @user-gv2xx3yb9w 3 роки тому +3

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

    • @alexasmol2889
      @alexasmol2889 3 роки тому +3

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

  • @slaimzzzz
    @slaimzzzz Рік тому +2

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

  • @rb00zeeofficial55
    @rb00zeeofficial55 2 роки тому

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

    • @dvsbreitmann4914
      @dvsbreitmann4914 2 роки тому

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

  • @user-wy2zk3gj6y
    @user-wy2zk3gj6y Рік тому

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

  • @Krylowandrey
    @Krylowandrey Рік тому

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

  • @__escobar_7108
    @__escobar_7108 7 місяців тому

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

  • @user-rw7it9gk1v
    @user-rw7it9gk1v 3 місяці тому

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

  • @user-vt7ix5hi4b
    @user-vt7ix5hi4b 11 місяців тому

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

  • @dellw1k463
    @dellw1k463 8 місяців тому

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

  • @mulfrader3263
    @mulfrader3263 11 місяців тому

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

  • @alanwilliams800
    @alanwilliams800 2 місяці тому

    12:23 HTML - Hyper Text Markup Language *

  • @alexazarov7255
    @alexazarov7255 2 роки тому +2

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

    • @zipsit2315
      @zipsit2315 Рік тому +1

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

    • @user-ro5xm8tv1f
      @user-ro5xm8tv1f Рік тому

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

  • @akzatar_2286
    @akzatar_2286 Рік тому

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

  • @Krylowandrey
    @Krylowandrey Рік тому

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

    • @tatyanashengelay1500
      @tatyanashengelay1500 Рік тому +1

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

  • @user-bt8qp1ic6f
    @user-bt8qp1ic6f 2 роки тому

    Понравилось

  • @Pro100Freebie
    @Pro100Freebie Рік тому +3

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

    • @RavanaMustafayeva
      @RavanaMustafayeva Рік тому +1

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

    • @zikkia7351
      @zikkia7351 7 місяців тому

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

  • @user-hu9yx6qr2h
    @user-hu9yx6qr2h 2 місяці тому +1

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

  • @xeither289
    @xeither289 2 роки тому +1

    😥❤💕🙏❤☦☦

  • @user-dn4hw4pl8x
    @user-dn4hw4pl8x 11 місяців тому

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

  • @obsi1019
    @obsi1019 Рік тому

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

  • @Virusnik
    @Virusnik Рік тому

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

    • @mekkeyy8449
      @mekkeyy8449 Рік тому

      помогло?

    • @Kiss15636
      @Kiss15636 Рік тому

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

    • @spraysferry9841
      @spraysferry9841 Рік тому

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

  • @Termux-nazar-antihack-linux
    @Termux-nazar-antihack-linux 6 місяців тому +1

    13:11

  • @nasurova77samara
    @nasurova77samara 10 місяців тому

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

    • @nasurova77samara
      @nasurova77samara 10 місяців тому

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

  • @mixgametv2373
    @mixgametv2373 2 роки тому

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

    • @zipsit2315
      @zipsit2315 Рік тому

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

  • @RavanaMustafayeva
    @RavanaMustafayeva Рік тому

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

    • @zan4ik38
      @zan4ik38 Рік тому +1

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

    • @RavanaMustafayeva
      @RavanaMustafayeva Рік тому

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

  • @countryyt8900
    @countryyt8900 3 роки тому

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

    • @fadeezzz
      @fadeezzz 3 роки тому

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

  • @fadeezzz
    @fadeezzz 3 роки тому +2

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

    • @cryptomillioner3270
      @cryptomillioner3270 3 роки тому +14

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

    • @fadeezzz
      @fadeezzz 3 роки тому

      @@cryptomillioner3270 Спасибо

    • @tryhubaa
      @tryhubaa 3 роки тому

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

    • @cryptomillioner3270
      @cryptomillioner3270 3 роки тому

      @@tryhubaa John Duckett: HTML and CSS

    • @leader3826
      @leader3826 3 роки тому

      @@cryptomillioner3270 красава

  • @user-xu1ck1wv9r
    @user-xu1ck1wv9r 7 місяців тому

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

  • @user-cp1mg2jd1q
    @user-cp1mg2jd1q 6 місяців тому

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

  • @xeither289
    @xeither289 2 роки тому +3

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

  • @nicvolentine5816
    @nicvolentine5816 2 роки тому

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

  • @deleted1590
    @deleted1590 2 роки тому +4

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

  • @user-vn3gj2dk5v
    @user-vn3gj2dk5v Рік тому

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

    • @scheme_academy1
      @scheme_academy1 Рік тому +1

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

    • @treu3135
      @treu3135 Рік тому +1

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

  • @Rekvop
    @Rekvop 4 місяці тому

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

  • @user-qr3mz9ic4x
    @user-qr3mz9ic4x 3 роки тому

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

  • @Rekvop
    @Rekvop 4 місяці тому

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

  • @user-kg3dk6ln4i
    @user-kg3dk6ln4i 2 роки тому

    rer

  • @user-tq4zi3bo1q
    @user-tq4zi3bo1q 3 роки тому

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

  • @rustykz7708
    @rustykz7708 Рік тому

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

  • @jackson8460
    @jackson8460 Рік тому

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

    • @user-crygames
      @user-crygames Рік тому +2

      Так не сложно

    • @VinniPuh2.0
      @VinniPuh2.0 Рік тому

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

    • @user-crygames
      @user-crygames Рік тому

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

    • @quxineOfficial
      @quxineOfficial Рік тому

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

    • @user-crygames
      @user-crygames Рік тому

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

  • @user-mq9kt7pb2l
    @user-mq9kt7pb2l 3 роки тому +19

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

    • @azteccrov6113
      @azteccrov6113 3 роки тому

      Времени

    • @roppeld
      @roppeld 3 роки тому +8

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

  • @PronyaD
    @PronyaD 3 роки тому +3

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

  • @pupsikchek
    @pupsikchek 10 днів тому

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

    • @Heisenburger_1
      @Heisenburger_1 15 годин тому

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

  • @user-zm2sd7kb7p
    @user-zm2sd7kb7p 9 місяців тому +1

    воды налито

    • @user-mf5qj3yd7d
      @user-mf5qj3yd7d 7 місяців тому

      Вообще нет

    • @user-ll4qe9kk1r
      @user-ll4qe9kk1r 5 місяців тому +1

      вобще да но это явно не специально

  • @user-bt8qp1ic6f
    @user-bt8qp1ic6f 2 роки тому

    Спасибо