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

В 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

[@Sweet_and_joy]

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

[@user-xg7jx3sm1f]

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

[@user-xu9cy7kq2u]

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

[@user-gs4ec4it5l]

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

[@ksenrix]

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

[@dusmuhammadisakov3383]

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

[@livius0653]

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

[@fodi7630]

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

[@kanekihub]

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

[@exl88]

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

[@user-yc3ty5fo3y]

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

[@toukpw7137]

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

[@kanekihub]

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

[@d1zzy155]

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

[@Burovasofia]

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

[@Itpedie]

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

[@user-yh2xh2gx1o]

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

[@user-xg7jx3sm1f]

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

[@user-fv1rm7sk5c]

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

[@artemchannel3525]

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

[@Lari_R]

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

[@AEMAYKOP]

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

[@user-se3rp1wt8u]

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

[@user-pj4ud5fz1h]

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

[@demetriusjaylen8349]

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

[@wesleyalvin3308]

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

[@knoxsergio9311]

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

[@LimitlessLine]

@@demetriusjaylen8349 TTococu

[@LimitlessLine]

@@knoxsergio9311 TTococu

[@abdulmajitkubatbekov5731]

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

[@zxs_DEADinside]

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

[@musiklife8808]

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

[@user-fg4rw6ox2z]

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

[@user-kw1zf6ix6e]

тоже

[@mirasshaiduyev]

как успехи?

[@nndddd7562]

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

[@hakimjonghaniev5536]

Спасибо

[@user-hi7mm1jw2c]

Супер

[@khanlar_iskenderli]

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

[@dayinmylife8281]

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

[@oleksandrnavoyskiy9409]

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

[@user-uc5ix6ic1k]

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

[@globalstatistic7808]

спасибо

[@govdamikhaylo4183]

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

[@sanlink7183]

Апхахахахах

[@IHORhoncharenko]

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

[@doctorproger7548]

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

[@ioji1476]

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

[@user-zh1vy3rs5t]

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

[@IHORhoncharenko]

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

[@IHORhoncharenko]

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

[@user-mo4nq6bz5g]

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

[@vovanfx]

cgспасибо

[@VinniPuh2.0]

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

[@user-qc8sz1jo6u]

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

[@user-wl6fy7sp3z]

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

[@Pavel_Derevyanko]

👍

[@user-ex3sk7tq5y]

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

[@itproger]

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

[@user-wm8ie9rm9g]

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

[@user-dn4hw4pl8x]

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

[@Diller674]

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

[@0nly0n3]

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

[@Mikl07]

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

[@user-ex9cs8zi7e]

😊😊😊😊😊

[@__escobar_7108]

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

[@user-jf4lm5sx5o]

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

[@frontend_developer_anti_vata]

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

[@cofraschannel8614]

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

[@Krylowandrey]

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

[@NetikTheNetro]

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

[@rb00zeeofficial55]

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

[@dvsbreitmann4914]

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

[@user-vt7ix5hi4b]

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

[@slaimzzzz]

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

[@dovahkiin4060]

И как идёт

[@user-wy2zk3gj6y]

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

[@rededd]

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

[@Daniel-hl8vw]

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

[@user-gv2xx3yb9w]

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

[@alexasmol2889]

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

[@xeither289]

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

[@dellw1k463]

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

[@Krylowandrey]

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

[@Krylowandrey]

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

[@tatyanashengelay1500]

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

[@alanwilliams800]

12:23 HTML - Hyper Text Markup Language *

[@alexazarov7255]

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

[@zipsit2315]

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

[@user-ro5xm8tv1f]

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

[@mulfrader3263]

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

[@xeither289]

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

[@akzatar_2286]

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

[@itoronagasaki5933]

забросил да

[@akzatar_2286]

@@itoronagasaki5933 нет но щас не так активно

[@user-bt8qp1ic6f]

Понравилось

[@obsi1019]

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

[@Pro100Freebie]

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

[@RavanaMustafayeva]

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

[@zikkia7351]

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

[@RavanaMustafayeva]

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

[@zan4ik38]

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

[@RavanaMustafayeva]

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

[@nasurova77samara]

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

[@nasurova77samara]

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

[@Virusnik]

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

[@mekkeyy8449]

помогло?

[@Kiss15636]

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

[@spraysferry9841]

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

[@user-cp1mg2jd1q]

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

[@user-dn4hw4pl8x]

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

[@user-rw7it9gk1v]

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

[@xeither289]

😥❤💕🙏❤☦☦

[@mixgametv2373]

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

[@zipsit2315]

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

[@fadeezzz]

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

[@cryptomillioner3270]

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

[@fadeezzz]

@@cryptomillioner3270 Спасибо

[@tryhubaa]

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

[@cryptomillioner3270]

@@tryhubaa John Duckett: HTML and CSS

[@leader3826]

@@cryptomillioner3270 красава

[@countryyt8900]

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

[@fadeezzz]

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

[@user-hu9yx6qr2h]

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

[@Termux-nazar-antihack-linux]

13:11

[@Rekvop]

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

[@nicvolentine5816]

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

[@user-vn3gj2dk5v]

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

[@nersisyan202]

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

[@treu3135]

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

[@deleted1590]

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

[@user-tq4zi3bo1q]

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

[@user-xu1ck1wv9r]

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

[@user-qr3mz9ic4x]

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

[@Rekvop]

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

[@user-mq9kt7pb2l]

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

[@azteccrov6113]

Времени

[@roppeld]

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

[@jackson8460]

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

[@user-crygames]

Так не сложно

[@VinniPuh2.0]

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

[@user-crygames]

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

[@quxineOfficial]

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

[@user-crygames]

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

[@user-kg3dk6ln4i]

rer

[@rustykz7708]

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

[@PronyaD]

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

[@user-zm2sd7kb7p]

воды налито

[@user-mf5qj3yd7d]

Вообще нет

[@user-ll4qe9kk1r]

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

[@user-bt8qp1ic6f]

Спасибо