HTML5 для начинающих / Урок #2 - Файл «index.html». Отображение сайта
За урок мы создадим наш первый проект и добавим внутрь него файл «index.html». Мы рассмотрим основную структуру HTML разметки, узнаем что такое теги и научимся отображать HTML файлы в браузере.
✅ Полезные ссылки:
✏️ Урок на сайте itProger: itproger.com/course/html/2
⏰ Тайм коды:
00:00 - Начало
00:22 - Создание папки проекта
00:55 - Добавление основного файла
01:33 - Теги в HTML
02:37 - Основная структура HTML
05:50 - Открываем файл в браузере
06:22 - Название страницы - «title»
07:55 - Установка кодировки
10:35 - Установка DOCTYPE
12:11 - Заключительная часть
✔ Сообщество программистов: itproger.com/
✔ -------------
Вступай в группу Вк - prog_life 🚀
Группа FaceBook - goo.gl/XW0aaP
Инстаграм itProger: / itproger_official
Instagram: / gosha_dudar
Telegram: t.me/itProger_official
Twitter - / goshadudar
- Уроки от #itProger 👨🏼💻
- Все уроки по хештегу #itprogerLessons
Пікірлер: 218
как уже опытный программист говорю, что весь плейлист очень поможет новичкам в изучении javascript
@jekuwatemirbekova4156
Жыл бұрын
Скажите пожалуйста,я правильно всё понял , сначала надо изучить HTML потом CSS и в конце уже JS? Последний вопрос, любой ноутбук подойдёт для изучения всего этого? Заранее спасибо
@clarsekyt3475
Жыл бұрын
@@jekuwatemirbekova4156 Сначала html потом css и потом джава скрипт,насчёт ноутбука незнаю
@user-bu8lf7ic3c
Жыл бұрын
@@jekuwatemirbekova4156 Конечно любой ноут,главное желание чтобы не пропало.
@jekuwatemirbekova4156
Жыл бұрын
@@user-bu8lf7ic3c Спасибо вам за совет
@user-sx4lz7wq7s
8 ай бұрын
@@jekuwatemirbekova4156я изучал все вместе
Великолепно. У автора прирожденный талант к объяснению. Отличный курс, буду делать до конца))) Спасибо ☺
Очень понятно и доступно объясняешь
You are a great teacher 👍🏻 thank you very much 🙏🏻
Прям шикарно. все очень разжованно и доходчиво изложено, что очень важно для новичка! кстати скорость 0.75 топ)
@user-ol3hj2cc1e
2 жыл бұрын
скорость 1.5 также😄
@MsVolkodav
Жыл бұрын
Только 0,5 или 2)))
Мне нравится этот канал! Спасибо большое вы мне очень помогаете.
Спасибо тебе большое,хорошо рассказываешь и обьясняешь, все очень понятно
я пока только начала, но уже рада, что нашла такой курс, где рассказывают интересно и понятно :)
@mariannareinsalu39
Жыл бұрын
Как успехи?
@VitalBotvi
Жыл бұрын
на самом деле довольно быстро и сумбурно рассказывают совсем для новичков придется перематывать и перепрослушивать а в целом норм
@ZheKaYT
10 ай бұрын
у меня нет кнопки команд где её найти? я не могу сохранить сайт!!👿
@user-sx4lz7wq7s
8 ай бұрын
@@ZheKaYTctr+s
@Kirinnsenbon
5 ай бұрын
@@ZheKaYT жми ctrl левый нижний угол
Спасибо за урок!
Очень нравится и все понятно спасибо большое буду слушать с радостью
Мне понравился урок , благодарю ,понятно некоторые вещи очень хорошо
@user-rn5ou4hu1y
Жыл бұрын
Привет, прошел год. Как успехи? Просто я новичок, и хочу спросить у тебя
@turbo7542
9 ай бұрын
@@user-rn5ou4hu1y прошло 8 месяцев, а как твои успехи? Теперь просто я новичок)) :D
пересматриваю курсы для закрепления информации
Спасибо вам большое за урок!!!
Понравилось видео, спасибо!
большое спасибо за ваши старания
В 14 году ты говорил "Бади", а сейчас "Боди", меняешься, чел..
@user-mc7zv9tg4g
Жыл бұрын
и цсес
@user-mc7zv9tg4g
Жыл бұрын
а сейчас сисес))
@exelione2229
7 ай бұрын
ориентированность на аудиторию же)
@ava_crey
6 ай бұрын
14 году? В него же сам канал создан 2020 году, наверно тф путаешь его кем-то
@user-nc5fp1fp8q
6 ай бұрын
@@ava_creyэто его не основной канал, его основной канал:Гоша дударь.
Однозначно лайк и подписка 👍 все понятно
Спасибо! Пока очень все понятно😊
Курс вышел на мою днюху
шикарно, спасибо!!!
По мне для меня это лучший курс из которых на нашол
спасибо за урок
Спасибо большое)
Спасибо огромное
Георгий. Вы очень хорошо помогаете
@user-zn1zl8df3h
2 жыл бұрын
В теге хед написал текст, и он всё равно виден, почему?
@momentbs
Ай бұрын
@@user-zn1zl8df3h текст заголовка ваш
Урок шикарен. Я десятки курсов перебрал и перепробовал, сюда забрел из-за курса по Jjango
Как хорошо что я нашел ваш канал)
@gtxrtx815
Жыл бұрын
как успехи брат ?
@alexpetrov521
8 ай бұрын
Как уже это достало( Типичный комментарий побирашки. Ходят слоняются, ждут манну небесную. Что вы от него ждёте? Что бы он сказал, да чувак, залетай и мёд ложкой загребай, всё зае..сь и легко!? И каждый второй такой.
Новые уроки лучше. Нет лишней воды
@stern2936
3 жыл бұрын
если и тут нет лишней воды страшно представить что было в старых, то что можно объяснить в 5 слов объясняет в 15-20
@uniorblade817
2 жыл бұрын
@@stern2936 Потому что урок для новичков это раз, а во вторых для больших типов людей. Кто-то, кто хуже понимает нуждается в этих 15-20 словах вместо пяти, а тем, кому легко даётся, эти лишние слова не повредят, а может даже наоборот - помогут закрепить информацию
Thank you very much! Спс)
Спасибо огромное, всё понятно и разжевано
@morlulas1395
10 ай бұрын
Как успехи?
а это информация до сих пор актуально
Слушай классно
Бро ты лучший!
Отличный курс, автор вопрос, почему на itproger не представлен Ruby? Сейчас начал заниматься самостоятельно, а вернее изучать этот язык, а у Вас не много информации или я ошибаюсь?
Mucho Gracias
Здравствуйте,огромное спасибо вам за ваши курсы,всё очень интересно и максимально понятно.
Спасибо
thanks
👍👍👍
Привет я из Узбекистана.Спассибо всем.
Спасибо большое, обязательно оформлю подписку на вашем сайте, а по CSS и JavaScript у вас есть уроки?
@user-sw5cq7wk9h
Жыл бұрын
Есть
Nice
латиница = ascii, она в любом случае будет, не зависимо от выбранной кодировки. сказанул. варианты начинаются уже в верхней половине таблицы знаков. если она восмибитная.
До конца дойдут только избранные) Ну что ж поехали)
Мне вот интересно а в Atom, обязательно нужно писать стрелочки, слеш, или можно как в VS просто написать название тега и нажать таб?
👍🏻
За 1 ролик понял больше чем за 3-4пары
А что у Вас за плагин, который дает подсказки о том, что писать следующим и который показывает полное название тега, например, когда в body создаете абзац, Вы пишите "p", а справа показывается, что это сокращение от "paragraph"?
7:14. Я попробовал вставить не в хед и название тайтла таке появилось, те не обязательно ставить в хед? или разницы нет, но по сути лучше уж поставить?
👍
Спасибо большое за курс уроков...мне надо за месяц обучится верстачить сайты, надеюсь мне поможет ваш канал
@murou3968
2 жыл бұрын
Привет, как успехи, дружище?
@user-lm4nc1dl8o
2 жыл бұрын
Тоже интересно , месяц прошол)
@murou3968
2 жыл бұрын
@@user-lm4nc1dl8o я уже сам научился немного верстать сайты, так что он точно справился
@user-lm4nc1dl8o
2 жыл бұрын
@@murou3968 надеюсь и я научусь))) Посмотрем что из этого выйдет )
@shkeldm
Жыл бұрын
@@user-lm4nc1dl8o что по итогу?)
Подскажите, пожалуйста, какой редактор и какую его версию скачать для windows 7 32-bit. Или как запустить код из блокнота. А то найти что-то подходящее для такого ноута это целый квест.
Как узнать какая версия HTML установлена через Visual Studio???
😊😊😊😊😊😊
ПРИВЕТ ВСЕМ Я ТОЖЕ ИЗУЧАЮ ЭТОТ КУРС.СПАСИБО ВСЕМ.
@klyarchik
8 ай бұрын
как успехи?
а что делать если выскакивает при скачивании atom ошибка с другими работать непонятно потому что видео другое а там другое
привет ! как сделать расширения для автозаполнения ?
@muradbendaliyev3624
3 жыл бұрын
установи emmet.
Прошел курсы тестировщика - там щас жесть конкуренция по 100 человек на джуна, расплодилось их жесть, начал учить html далее css и потом планирую php, посмотрим что получится
@nikandrov
10 ай бұрын
Лучше вместо PHP учи JS
@vladislav_1993
3 ай бұрын
Как ваши успехи спустя 11 месяцев ?
@hd-my9fb
3 ай бұрын
@@vladislav_1993 инженером пто работаю по специальности, опять в планах продолжить обучение как уволюсь. Совмещать не получается.
@vladislav_1993
3 ай бұрын
@@hd-my9fb я вот сейчас тоже задумался учиться на фронтенд, но не знаю получится ли…( нужно что то менять в жизни
@hd-my9fb
3 ай бұрын
@@vladislav_1993 согласен, я не хочу по вахтам ездить больше. Че делать нз, в крипте ещё попроьовать хочу как приеду, зарабатывают же люди, банк у меня будет не большой
А еще мельче можно где то Н6 будет нормально , и желательно в самом верхнем углу.
мне 14, все понял! Шикарно объясняете! Не думали начать праздновать день педагога?!
@azov1456
Жыл бұрын
Что ты высрал
а в notepad на правую кнопу мыши нельзя добавить файлы в папку
Oldest Junior, вот посмотрите норм чувак, хотя где то потерялся
А как сделать,чтобы указать,что 4-ая версия(например) 10:35
Здравствуйте Как создать другие файлы как расширение?
Получается текст может отображаться без тегов ???
у меня вопрос, я начинающая в этом, скажите пожалуйста имеют ли значения пробелы? Если да должна ли углубляться в этой теме? заранее спасибо🙂
@user-ou3ix4cp6v
Жыл бұрын
Для самого html не обязательно, но для лучшей читабельности, пробелы необходимы
*Помогите пожалуйста* у меня не получается работать с Атомом. После загрузки в окне открылось белое поле и на нём НИЧЕГО!!! Подвигала мышкой на секунду "засветилась" папка перенесённая с рабочего стола, и пропала, при нажатии на кнопки мыши выходят команды на английском - "новая папка" например, но при нажатии на команду опять ничего не происходит. Удалила программу Атом, удалила файл "setup" из папки загрузок, скачала заново, но результат тот же - белое окно и ничего.
А из самой прогаммы (из редактора) не запускается HTML файл?
Подскажите пожалуйста, при вводе Главная страница , название страницы прописывается на сайте, а не на вкладке страницы, что я делаю не так? Делала по видео точь-в-точь
@whateven2836
Жыл бұрын
title одна т
@pablo_barnes7329
10 күн бұрын
Решил?
Atom для Винды по другому устроен, у меня нет слева проводника, и я не могу понять как назвать файл который создал. Разжуйте как настроить вид подобный вашему на виндовс 10!?
@itproger
3 жыл бұрын
Просто папку проекта перетащите в редактор и она откроется так же
я программирую на brackets, все делаю по инструкции и когда захожу в папку меня выбивает в интернет с пустой страницей, что делать?
почему у меня на сайте главная страница и привет вместе в описании стоит а название вкладки ссылка сайта?
а если другие версии html то что прописывается?
☦❤💕❤🙏
Что делать если у меня в место привет выходит весь код в хроме(код написанный мной) Что делать, подскажите пожалуйста
Shift + !, тогда не нужно будет писать вручную head,body,meta,title
У меня в браузере появляется символ < перед словом «привет». Как его убрать?
1:20 я где-то читал, что есть расширение htm
Для начинающих облегчить работу подойдет Visual Studio Code-весь первоначальный блок html описывается одним символом ! плюс TAB
@Broneboyshik1311
5 ай бұрын
Скажите пожалуйста, у меня установлен вскод, если я хочу учится html по этому каналу ,то мне обязательно нужно устанавливать atom или я могу заниматься по этим урокам в вскоде?
@Mestniy389
5 ай бұрын
@@Broneboyshik1311 вполне подойдёт вс как для начала так и для будущего.
@Broneboyshik1311
5 ай бұрын
@@Mestniy389 Вас понял, спасибо
@Mestniy389
5 ай бұрын
@@Broneboyshik1311 Посмотрите видео по установке доп плагинов для удобства в работе вс
@Broneboyshik1311
5 ай бұрын
@@Mestniy389 Хорошо,а какие бы вы посоветовали?
а есть какой нибудь онлайн редактор для 10 windows?
В браузере не показывает мой код и сайт. В чем проблема?( а в файле показона, что он пуст, хотя там огромный код)
like
Вы говорили что мы должны писать все в ручную без плагинов и т.дб и т.п. Но у меня установлен Emmet и можно ли его использовать или выключить?
@nigarb1040
3 жыл бұрын
Я не использовал его первые 5-7 уроков. Затем выучил как правильно писать теги и включил emmet.
@qqqu1ncy121
3 жыл бұрын
@@nigarb1040Слушай а эммет только для Sublime Text вроде - бы ?
@CodeQuestRu
3 жыл бұрын
@@qqqu1ncy121 нет, Emmet есть для всех редакторов, где-то встроен, а где-то нужно установить
@dmytrodyakun6512
3 жыл бұрын
@@qqqu1ncy121 нет , я например Emmet для Vim юзаю
интересно а я смогу сделать курс при помощи html5¿
Была одна ошибочка, в теге Head отображается title пользователю
Название сайта = названию страницы? Столкнулся с такой проблемой, когда в поисковике вбиваю имя сайта(не доменное, а например то которое указал в title или близкое к нему), а по запросу отображается имя доменное. Сайт уже был проиндексирован роботами.
@MohcheDD
7 ай бұрын
Нашли решение?
Зачем существуют одинарные и парные теги? Почему не все теги парные или не все одинарные? Зачем они так отличаются? Это какая то необходимость? Если да, то какая?
у меня перед текстом в странице > Тестовый проект> Привет мир! вот код
@Kocherga_1
Жыл бұрын
Ещё
Только начала смотреть ,не могу понять ,эти все тегги вы запоминаете ?Как вы понимаете когда каклй нужно написать ?
получается в папке WWW все файлы будут называться index.html?
@user-fd6il4we1g
3 жыл бұрын
Создается папка в которой будут находится все файлы и папки с необходимым содержимым. index.html называется главная страница, она всегда должна называться так, и никак иначе. Я не уверен, но кажется если назвать ее как-то по-другому, то что-то не будет работать.
@drunk_daddy9268
3 жыл бұрын
@@user-fd6il4we1g спасибо
если у меня все нормально я могу не писать мета тег?
Ребят кто нибудь киньте источник где можно в кратце познакомиться со всеми тегами?
@evgeniyglushchenko9275
2 жыл бұрын
В блокнотик записывай так и запомниться лучше)
у меня не октрывается файл в браузере( что делать?
Atom уже всё, закрылся!
Почему я пишу в body Привет а у меня ничего не отображается ????
Через хром открывает нормально
В чем отличия канала Гоша Дударь и Школа itProger?
@itproger
3 жыл бұрын
Здесь обновленные видеокурсы выпускаются
@user-ro8jo9rv4w
2 жыл бұрын
названием
у меня при открытии страницы код и сам текст не отображается, браузер сафари
@fish1314
3 жыл бұрын
я не експерт в етом, но вроде Сафари только для видео, бо раньше мне так говорили
Добрый день, подскажите пожалуйста в чем проблема, открываю документ в браузере сафари и выдает вместо привет такие символы: Привет
@evgeniyglushchenko9275
2 жыл бұрын
В видосе есть там где Установка кодироки
@minecraft-play.
Жыл бұрын
@@evgeniyglushchenko9275 чел прав или сафари не поддерживается
@huyhuyhuyhuyhuy6836
Жыл бұрын
Это выдает если ты написал на русском текст
ето важно в каком браузере открилос или нет
@itproger
2 жыл бұрын
Нет