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
Пікірлер: 193
жырний,-важный,-определить нимание,-курсив. -перенос где поставил,а-для того чтоб програма сама определила где лучьше ето сделать.
Очень содержательный урок! Автору спасибо!
Спасибо за такой подробный и чёткий урок !
место можно писать Text
Спасибо за твои уроки!!!
Спасибо вам большое очень помогайте в обучение !
Большое спасибо за урок !!! Лайк + подписка
Насчёт тега and . Strong, он используется в новой версии html5. b использовался в старой версии html4. И в случае если появится html6 то тег b пропадёт, и ваши работы будут не устроены как надо. По этому тег strong лучше подойдёт для дальнейшей работы с хтмл6. На заметку. Кстати, тег and та же история, только не помню какой из был добавлен в версии хтмл 5
@user-fv1rm7sk5c
3 ай бұрын
Тег был добавлен в 4 версии
спасибо за урок. очень даже интересно.
теги strong и em необходимы для слабовидящих людей, которые слушают текст, а не читают. Данные слова произносятся с другой интонацией, определяя ВАЖНОСТЬ этого текста
@user-xg7jx3sm1f
Жыл бұрын
и плюс они добавлены в хтмл 5 как новые и их наличие в хтмл 6 более вероятно чем их визави
Благодарю за топовый урок
Спасибо большое за урок!
Спасибо вам большое за урок!!!
Все понятно и ясно , в будущем думаю идти на IT специальность
@user-kw1zf6ix6e
Жыл бұрын
тоже
@mirasshaiduyev
3 ай бұрын
как успехи?
Человеческое спасибо :)
Спасибо за материал
Пересматриваю курс. Мне 15 лет, вскоре хочу делать сайты на заказ. Спасибо вам огромное за ваши уроки. Все понятно и интересно. Вы мой кумир!)
@exl88
2 жыл бұрын
@Mine Life не, он забросил и пошел жрать шаву
@user-yc3ty5fo3y
2 жыл бұрын
ну что как успехи за пол года?
@toukpw7137
2 жыл бұрын
Тоже пересматриваю
@kanekihub
2 жыл бұрын
@@user-yc3ty5fo3y пишу биты
@d1zzy155
Жыл бұрын
@@kanekihub с сайтами не пошло?
Спасибо за видос 👍👍👍
всё доступно и понятно, спасибо!
@demetriusjaylen8349
3 жыл бұрын
a tip: you can watch movies on instaflixxer. I've been using them for watching loads of movies these days.
@wesleyalvin3308
3 жыл бұрын
@Demetrius Jaylen Definitely, have been using InstaFlixxer for since november myself :D
@knoxsergio9311
3 жыл бұрын
@Demetrius Jaylen Yea, I have been watching on instaflixxer for years myself :D
@LimitlessLine
2 жыл бұрын
@@demetriusjaylen8349 TTococu
@LimitlessLine
2 жыл бұрын
@@knoxsergio9311 TTococu
Мальчик: Мужчина: жирность на жирность не умножается!
Великолепно !
Большое спасибо
Вы что такое говорите, тег и это очень важные семантические теги, которые просто так использовать нельзя. Если необходимо просто сделать шрифт жирным то лучше использовать тег . Это же спецификация html5, в своей основе данной версии хтмл лежит правильное использование семантических тегов. Я только обучаюсь этому и могу ошибаться, но при составлении уроков по HTML5 обратите на это внимание пожалуйста. В остальном подача очень хорошая.
@doctorproger7548
3 жыл бұрын
Тег ? Впервые слышу такой тег
@ioji1476
3 жыл бұрын
Открою тебе глаза марк делает текст желтым)))
@user-zh1vy3rs5t
2 жыл бұрын
Лучше использовать сразу CSS
@IHORhoncharenko
2 жыл бұрын
@@ioji1476 css тебе в помощь....если ты ещё не в курсе что теги визуально можно переопределить как угодно
@IHORhoncharenko
2 жыл бұрын
@@user-zh1vy3rs5t совершенно верно, тег mark использовать лучше, если по каким то причинам нет возможности использовать просто css
Спасибо теюе огромное, очень сильно хочу написать свой первый сайт на котором будут ссылки на браузерные игры html5 моего создания. хочу сделать эти игры при длительном залипании в них где - то на месяц и при этом добавить туда оплату с рекламой. Хочется ведь зарабатывать, но пока что надо всему научиться с нуля. Почти с нуля.
СПС ЗА УРОК ))))))))
Спасибо мужик
Супер
Спасибо
ты молодец!!!!
1 видос досматриваю выходит новый:)
@sanlink7183
3 жыл бұрын
Апхахахахах
респект автору
Рекомендую всем писать с помошью WebStorm С ним всё горазда удобнее и понятнее
спасибо
учу HTML и чтобы все точно запоминать записываю все в блокнот. Так и информация лучше мною воспринимается так и можно пользоваться им!
Большое спасибо.Мне 12 лет и уже учу html с мака
Я использую для написания кода Visual Studio Code. Еще использую гит и гитхаб. Вообще мне 13 лет. В том году я вообще делал сайты на тилда (кто не знает - это сайт в котором делаешь сайт без всякого кода и этот сайт сразу можно опубликовать в интернет)
@frontend_developer_anti_vata
7 ай бұрын
А может ли он заменить html и сss
@cofraschannel8614
6 ай бұрын
@@frontend_developer_anti_vata скорее нет, это конструктор
Я узнал сейчас больше, чем за 4 пары
Нео ты мой кумир😁
cgспасибо
👍
я единственное не понимаю, почему Н2О автоматически перенёсся на следующий абзац если мы для него не прописывали тег ? 10:03
@user-dn4hw4pl8x
10 ай бұрын
потому что а2 растянут до конца строки. Н2о автоматом сьехал на новую
ИИСУС ХРИСТОС ЕСТЬ МЕССИЯ И ОН ВОСКРЕС!!!
😊😊😊😊😊
Оставлю свой комментарий,начинаю изучение 01,05,2023
@RavanaMustafayeva
Жыл бұрын
я тоже сейчас начала, удачи)
@zikkia7351
7 ай бұрын
Ну что как успехи?
Мне 15 лет. Выучил python и популярные библиотеки. По планам выучить HTML, CSS, MYSQL, Джанго
@dovahkiin4060
11 ай бұрын
И как идёт
не работает с заголовками(h1), создаются 2 строки, а не урезание имеющиеся. но обычный текст урезает
@Mikl07
5 ай бұрын
Так же этот тег не работает с параграфами()
коли прописую, то наступний рядок через строку йде (як на відео коли 2 прописують)
@itproger
3 жыл бұрын
Все зависит от браузера
мне 12 смотрю курсы по html css с 1 июня перейду на js))
@itoronagasaki5933
11 ай бұрын
забросил да
@akzatar_2286
11 ай бұрын
@@itoronagasaki5933 нет но щас не так активно
А можно использовать несколько тегов в одном тексте?
Понравилось
Подскажите , как сделать так ,чтоб при смене языка (Alt+Shift) с английского на русский в Атоме , черточка ( | ) не пропадала с места где я набираю код ?? Бесит по сто раз мышкой выбирать обратно ...
@Daniel-hl8vw
3 жыл бұрын
Нажми на не использованное место в проге(которое ни за что не отвечает), может поможет. Я так делаю
@user-gv2xx3yb9w
3 жыл бұрын
пользуйся не Atome, а VSCODE (Визуал студио код), там нет такой финги + там очень удобно. Например - пишешь тег, и автоматом тебе пишется закрывание этого тега. Просто топ.
@alexasmol2889
3 жыл бұрын
@@user-gv2xx3yb9w согласна. В визуал студио удобнее чем в Атоме. Там просто, прописываешь !Doctype и выходит базовая констоукция, дальше заполняй всё что нужно
как запустить сайт для тестов как справа?
12:23 HTML - Hyper Text Markup Language *
Называть Параграф() абзацем - только путать)))
А что, код JavaSkript можно писать прямо там где написан HTML?
Почему у меня тег strike светит красным цветом, можете объяснить? А в браузере все работает
Почему если я пишу тег title Главная страница после всех meta name то в браузера на странице написано Главная страница а не в названии вкладки если сразу после названия автора то все нормально отображается
@zipsit2315
Жыл бұрын
пиши сразу после - .
@user-ro5xm8tv1f
Жыл бұрын
то же самое было, оказывается я не правильно слово title писал
почему при добавлении тега abbr в исходной версии страницы абривиатура подчеркнута каким-то пунктиром?
@dvsbreitmann4914
2 жыл бұрын
Я тоже не понял, в Safari не подчеркнуло.
Привет спасибо за видео - но у меня проблемы слово привет отображаеться а все остальные слова нет ни заголовок ничего - с чем это может быть связанно?
кто знает в чем прикол? Можно ведь не писать тег и сразу написать и будет работать
Ребят, а как также скрывать строки кода? Пишу в Sublime Text) 2:22
Если атрибут title можно добавить к любому тегу, то зачем тогда нужен тег abbr?
а почему у меня не работает тег br? ну типо я его пишу а он не переносит текст
А вот эти слили (жирный текст, курсив и т.п.) эти слили они не имеют отношения к CSS?
@tatyanashengelay1500
Жыл бұрын
Нет, не имеют. Раньше так и писали стили, но потом решили создать отдельный формат CSS
Мне 14 лет, хочу создавать сайты на заказ, надеюсь ваши уроки мне помогут!
@mekkeyy8449
Жыл бұрын
помогло?
@Kiss15636
Жыл бұрын
@@mekkeyy8449 А как понять поможет или нет? Он расскажет всю нужную инфу и ты сможешь сделать сайт на заказ.
@spraysferry9841
Жыл бұрын
@@Kiss15636 для начала выучить HTMl и CSS. Потом JS если хочешь. А если с питоном работаешь учи Django или Flask
Жирность на жирность не умножается, лол 😂
БОГ ЕСТЬ ЛЮБИТЕ БОГА И СВОИХ БЛИЖНИХ!!!
подскажите почему у меня не лткрывается мой сайт(она конечно открывается но так только коды которые я написал а самого сайта нету:(
@nasurova77samara
10 ай бұрын
Там одни коды которые я написал
😥❤💕🙏❤☦☦
13:11
Стоп, а создатели гдз знаю от тегах sup и sub? Просто не видел чтобы они их использовали
В Visual studio с title проблемы. Никак не получается. Не знаю что делаю неправильно.
@zan4ik38
Жыл бұрын
братик, при создание нового файла просто напиши "!" и нажми на подсказку. так и head, body будет уже готов. попробуй и поймешь надеюсь помог
@RavanaMustafayeva
Жыл бұрын
@@zan4ik38 спасибо попробую
когда я писл програма он открыл не в гугл хром а в микрософт как изменить браузер?
@zipsit2315
Жыл бұрын
поставить другой по умолчанию.)
Сухарик Бобарик Баксик я крутой чубрик
Кто знает ответьте А в чем разница между и ? Они оба делают текст жирным
@cryptomillioner3270
3 жыл бұрын
Ну смотри, тег просто делает текст жирным, но тег обозначает важность информации введённый в этот тег. Просто у них отображение одинаковые, но тег считается смысловой разметкой. Как и тег курсива который отвечает за интонационное ударение. В отличие от тега обычного курсива . Если есть вопросы задавай, сам только месяц учу по книге, и уже почти прошёл её.
@fadeezzz
3 жыл бұрын
@@cryptomillioner3270 Спасибо
@tryhubaa
3 жыл бұрын
@@cryptomillioner3270 а по какой книге?
@cryptomillioner3270
3 жыл бұрын
@@tryhubaa John Duckett: HTML and CSS
@leader3826
3 жыл бұрын
@@cryptomillioner3270 красава
Что делать если формулы пишуутся всегда жирным шрифтом?
как дублировать?
Блин, мне 10 лет а я уже тут
новая строка не получается в теге TRкоммент TRкоммент что делаю не так???
@fadeezzz
3 жыл бұрын
Пиши так Коммент Коммент
А как начать на этом зарабатывать? Где найти первых клиентов?
@scheme_academy1
Жыл бұрын
Изучи сначала все Я имею ввиду вбей frontend roadmap и изучи все
@treu3135
Жыл бұрын
для начала изучи от хтмл до джавы, дальше сделай несколько десятков сайтов, а после иди на американские версии фри ланса(они платят нормальные деньги за плёвую роботу)
нет времни объяснять, программируй
@azteccrov6113
3 жыл бұрын
Времени
@roppeld
3 жыл бұрын
@@azteccrov6113 у него не было времени это писать))
rer
как разбить рабочую область как на видео? что бы слева я видел код а справа сразу сайт видел
тот случай, когда сделал кучу гo8нoсайтов на Вордпрессе, и все-таки решил узнать, что же такое эти ваши хтмл
у меня гугл все жирный показывает
Интересно, настанет ли когда-нибудь время когда я буду понимать все, что говорится в этом видео!?
@user-crygames
Жыл бұрын
Так не сложно
@VinniPuh2.0
Жыл бұрын
Это не очень сложно, правда изуяение долгое, ну оочень, и поэтому не получится всё это запомнить за 1 день. Плюс каждый день это надо практиковать чтобы закрепить и не забыть материал.
@user-crygames
Жыл бұрын
@@VinniPuh2.0 Даже я в 14 понял ,Html понятный
@quxineOfficial
11 ай бұрын
@@user-crygamesя в 12 понимаю все что в видео
@user-crygames
11 ай бұрын
@@quxineOfficial да язык верстки лёгкий , только тебе кстати нужно после его изучения нужно почитать книгу
Тег big является устаревшим и не используется в HTML5
у меня не выделяет ошибки, установил linter-htmlhint и linter, подскажите пожалуйста
воды налито
@user-mf5qj3yd7d
7 ай бұрын
Вообще нет
@user-ll4qe9kk1r
5 ай бұрын
вобще да но это явно не специально
Спасибо