Тёмный

HTML5 #4 Текст (Text) 

webDev
Подписаться 116 тыс.
Просмотров 22 тыс.
50% 1

#YauhenK #webDev #HTML #HTML5
Всех приветствую в курсе «HTML5».
В данном видео-курсе мы с вами рассмотрим все возможности языка гипертекстовой разметки HTML.
А это, между прочим, основа каждого веб-сайта, или веб-приложения.
Разберём основы, а так же изучим большинство новых тэгов, которые появились с новым стандартом HTML5.
Дополнительно рассмотрим такие понятия, как:
- Валидация HTML документа.
- Семантика.
- Accessibility, или доступность.
По окончанию курса вы научитесь понимать и разбираться в структуре любого HTML документа.
✒ Репозиторий курса:
✔ GitHub: github.com/YauhenKavalchuk/html5
✒ Используемые ресурсы и инструменты:
✔ Atom (редактор кода): atom.io
✒ Полезные ссылки:
✔ W3 Валидатор: validator.w3.org
✔ Доступность: developers.google.com/web/fun...
✒ Полный список готовых и планируемых курсов:
✔ Trello: trello.com/b/R6rD7qq8
✒ Автор курса:
✔ RU-vid: / yauhenkavalchuk
✔ Instagram: / yauhenkavalchuk
✔ Twitter: / yauhenkavalchuk
✔ VK: YauhenKavalchuk
✔ LinkedIn: / yauhenkavalchuk
✔ GitHub: github.com/YauhenKavalchuk
✔ VK (Группа): webdevcom
✒ Поддержать развитие канала: github.com/YauhenKavalchuk/yo...

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

 

29 янв 2020

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 67   
@user-bl7qo7cp4v
@user-bl7qo7cp4v Год назад
Да господибожемой! Что ж вы за человек такой прекрасный! - кто четко, ясно и по-существу объясняет материал) Моя Вам бесконечная благодарность!))
@YauhenKavalchuk
@YauhenKavalchuk Год назад
Спасибо
@frankshepherd5953
@frankshepherd5953 Год назад
Парень ты крут, и это правда что эту информацию никто не рассказывает!
@YauhenKavalchuk
@YauhenKavalchuk Год назад
Спасибо
@TheProtMen
@TheProtMen 3 года назад
Очень доходчиво объясняешь, большое спасибо за твою работу !
@YauhenKavalchuk
@YauhenKavalchuk 3 года назад
Пожалуйста
@vladislavkutsenko8247
@vladislavkutsenko8247 Год назад
Очень легко воспринимается информация! Спасибо большое автору за доступное объяснение!
@YauhenKavalchuk
@YauhenKavalchuk Год назад
Спасибо за отзыв
@OnlyLuck1000
@OnlyLuck1000 4 года назад
👍 Все четко и понятно) Жду следующих видео!
@user-cc4do2zt9d
@user-cc4do2zt9d 4 года назад
Качественный контент, спасибо.
@user-lz4ob7gj4p
@user-lz4ob7gj4p 4 года назад
Очень грамотно и очень подробно и доступно объясняете! Спасибо!
@dmitrijponkin
@dmitrijponkin 4 года назад
Евгений, спасибо Вам!
@user-ze6ni8uw6l
@user-ze6ni8uw6l 4 года назад
той випадок коли лайк перед переглядом👍класно коли відео виходять так часто дякую!
@m.g.0416
@m.g.0416 3 года назад
Больше года работаю джуном на фронте на JS + React + Redux и только сейчас добрался до семантики HTML ) Спасибо, оч доступно и полезно!
@YauhenKavalchuk
@YauhenKavalchuk 3 года назад
Пожалуйста)
@user-cn7ri9cp7b
@user-cn7ri9cp7b Год назад
спасибо за подробность
@YauhenKavalchuk
@YauhenKavalchuk Год назад
Пожалуйста
@user-zr9jk7wu9p
@user-zr9jk7wu9p 2 года назад
Спасибо! Все очень доступно!
@YauhenKavalchuk
@YauhenKavalchuk 2 года назад
Пожалуйста
@user-xd7vj5cf9f
@user-xd7vj5cf9f 4 года назад
Спасибо.Ты крут.
@vanya_hrynkiv
@vanya_hrynkiv 4 года назад
*Спасибо*
@olehyefimenko6693
@olehyefimenko6693 Год назад
Спасибо за курс и проделанную тобой работу! Ну а с моей стороны - лайк, подписка, комментарий!
@YauhenKavalchuk
@YauhenKavalchuk Год назад
Благодарю
@woody005aa
@woody005aa Год назад
Огромное спасибо.Наверное лучшие уроки на youtube кторыя я изучал .
@YauhenKavalchuk
@YauhenKavalchuk Год назад
Пожалуйста
@user-tm6jm7oh1j
@user-tm6jm7oh1j 4 года назад
Могу дополнить, тег - - визуально подчеркнутый, смысловое значение как "добавленный" текст. Тег - - визуально зачеркнутый, смысловое значение как "удаленный" текст.
@anvacula
@anvacula 4 года назад
Жду следующих видео.
@YauhenKavalchuk
@YauhenKavalchuk 4 года назад
Так курс уже закончился. Открывайте вкладку плейлисты и смотрите полностью
@rusakovvasiliy
@rusakovvasiliy 4 года назад
Такое же только по CSS!)) С прошедшим днём рождения! А есть ли возможность использовать тэг strong без видоизменения текста на более жирный? Ну просто дать информацию поисковику и всё.
@YauhenKavalchuk
@YauhenKavalchuk 4 года назад
Появится...)
@waden666
@waden666 3 года назад
Евгений, привет! Большое спасибо за этот курс, он очень полезный =). Хотел спросить о тегах - получается у нас есть старые , и html5 и , можно использовать или лучше полностью заменить на новые?
@YauhenKavalchuk
@YauhenKavalchuk 3 года назад
Если должно быть логическое выделение, то используем новые. Если чисто стилистическое, то можно и старые
@waden666
@waden666 3 года назад
@@YauhenKavalchuk ясно, спасибо =)
@user-wf6lc5jz9x
@user-wf6lc5jz9x 2 года назад
Здравствуйте, вот вы же говорите что для стилей используют SCS а зачем тогда нужны эти стилистические теги, b, i, tt, и др?
@yuriim7807
@yuriim7807 4 года назад
Женя, спасибо за качественный контент! Кстати, тэг - устаревший =)
@YauhenKavalchuk
@YauhenKavalchuk 4 года назад
Блин, и правда. А я когда уточнял функциональность, совсем не глянул на поддержку (
@nouchance
@nouchance 3 года назад
Тэг - тоже устаревший.
@termorey
@termorey 4 года назад
underlined text
@YauhenKavalchuk
@YauhenKavalchuk 4 года назад
Если не ошибаюсь, то в HTML5 данный тэг устаревший. И лучше использовать CSS стили. Собственно, поэтому и не рассказал о нём
@user-cn7ri9cp7b
@user-cn7ri9cp7b Год назад
у вас очень качественный контент.. может, пора сделать англ. субтитры? И нам хорошо, и вам)))
@YauhenKavalchuk
@YauhenKavalchuk Год назад
Если поможете сделать, то обязательно добавлю
@user-kx3zm9jn7w
@user-kx3zm9jn7w 4 года назад
1. Когда все- таки использовать q, а когда bloquote? 2. Правильно ли ли в тег address заворачивать контактные данные ( локация, телефоны)?
@YauhenKavalchuk
@YauhenKavalchuk 4 года назад
Не поверите, но на оба вопроса есть ответы в видео
@user-kx3zm9jn7w
@user-kx3zm9jn7w 4 года назад
@@YauhenKavalchuk КОнкретизирую. На сайте, в самом веху страницы есть элемент, так называемый top-line, в котором расположен логотип, блок с телефонами, блок с почтовым адресом и емайл, блок с ссылками на соцсети и режим работы. Правильно ли будет завернуть весь этот top-line и address или логотип нужно отдельно и каждый блок отдельно в address&
@Zadrot1080p
@Zadrot1080p 4 года назад
Я знаю про существование псевдоэлементов, но можешь объяснить, зачем ::before и ::after в теге q? В гитхаб репозитории их нет) Да и в коде они у меня отображаются как текст)
@YauhenKavalchuk
@YauhenKavalchuk 4 года назад
В репозитории из быть и не может. Эти элементы добавляются автоматически. Их в браузере нужно смотреть.
@Zadrot1080p
@Zadrot1080p 4 года назад
@@YauhenKavalchuk Спасибо, уже увидел!
@PauILIL
@PauILIL 3 года назад
Есть какие-то сравнения релевантности выдачи страниц с семантической вёрсткой и без неё?
@YauhenKavalchuk
@YauhenKavalchuk 3 года назад
Можете погуглить этот вопрос самостоятельно
@dmytrogorski2839
@dmytrogorski2839 Год назад
@YauhenKavalchuk
@YauhenKavalchuk Год назад
👍
@user-bb8kr7me4i
@user-bb8kr7me4i 4 года назад
подскажите ПОЖАЛУЙСТА как он так сделал то у него и окно браузера и еще чтото типо редактора открыто и он может форматировать???у меня в гугле открывается такое меню но редактировать я не могу да и дизайн другой
@YauhenKavalchuk
@YauhenKavalchuk 4 года назад
Это не редактор. Это стандартные Developer Tools браузера, просто тема тёмная
@user-bb8kr7me4i
@user-bb8kr7me4i 4 года назад
@@YauhenKavalchuk понял спасибо
@Rafael_Santi
@Rafael_Santi 4 года назад
Слышал, что тег h1 может быть только один на данной странице. Потом услышал, что он может быть только один, но не на странице, а в каком-то блоке, то ли section, то ли article? Можете это прокомментировать?
@YauhenKavalchuk
@YauhenKavalchuk 4 года назад
h1 - один раз на странице, для главного заголовка. А внутри section для более чёткой структуры можно использовать header и footer.
@SwordToothTiger
@SwordToothTiger 4 года назад
плэйлист сделай, пожалуйста.
@YauhenKavalchuk
@YauhenKavalchuk 4 года назад
Когда курс закончится сделаю! На самом деле, он уже есть. Просто если его открыть, появятся вопросы почему не ко всем видео есть доступ
@user-tm6jm7oh1j
@user-tm6jm7oh1j 4 года назад
вроде то-же устарел
@YauhenKavalchuk
@YauhenKavalchuk 2 года назад
Не то что бы устарел, просто применять нежелательно
@4ebupek067
@4ebupek067 Год назад
1 видео= 40 минут, 10 минут познанешь, 30 минут переписываешь код
@YauhenKavalchuk
@YauhenKavalchuk Год назад
Как вариант, можно копировать из репозитория, но лучше всё-таки писать самому
@VladislavDonchenko
@VladislavDonchenko 4 года назад
Спасибо большое Евгений за качественный курс, всё понятно и по полочкам. Но вот только у меня проблема. Как вы рассказывали, вы используете программу "Atom" и вы так же как и я работаете на macOS. Но когда я устанавливаю эту программу по вашей ссылке с первых видео, выдает ошибку(
@YauhenKavalchuk
@YauhenKavalchuk 4 года назад
Ничем не могу помочь. Это официальный сайт и всё должно работать. Как вариант, можете использовать другой редактор кода
@artemshevtsov3446
@artemshevtsov3446 4 года назад
Все разжовано,но зчем вся эта информация если все делается на CSS
@YauhenKavalchuk
@YauhenKavalchuk 4 года назад
А зачем учить css, если есть bootstrap и ещё куча фрэймворков для стилизации?
@user-oi8fe4bt5p
@user-oi8fe4bt5p 4 года назад
Есть тег "аш" и есть тег "АШ2О. Ты химию преподаешь?
Далее
HTML5 #5 Списки (Lists)
5:54
Просмотров 16 тыс.
моя девушка беременна!
11:46
Просмотров 357 тыс.
5 effective ways to drink lemonade😋🤪🧐
00:33
Просмотров 4,8 млн
HTML5 #6 Картинки (Images)
6:28
Просмотров 17 тыс.
HTML5 #9 Полезные тэги (Useful Tags)
6:58
Background images with HTML & CSS
20:19
Просмотров 339 тыс.
HTML5 #7 Таблица (Table)
8:04
Просмотров 14 тыс.
TailwindCSS. Полный курс
1:55:05
Просмотров 60 тыс.