HTML5 для начинающих / Урок #2 - Файл «index.html». Отображение сайта
ฝัง
- เผยแพร่เมื่อ 9 มิ.ย. 2024
- За урок мы создадим наш первый проект и добавим внутрь него файл «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
как уже опытный программист говорю, что весь плейлист очень поможет новичкам в изучении javascript
Скажите пожалуйста,я правильно всё понял , сначала надо изучить HTML потом CSS и в конце уже JS? Последний вопрос, любой ноутбук подойдёт для изучения всего этого? Заранее спасибо
@@jekuwatemirbekova4156 Сначала html потом css и потом джава скрипт,насчёт ноутбука незнаю
@@jekuwatemirbekova4156 Конечно любой ноут,главное желание чтобы не пропало.
@@user-bu8lf7ic3c Спасибо вам за совет
@@jekuwatemirbekova4156я изучал все вместе
Великолепно. У автора прирожденный талант к объяснению. Отличный курс, буду делать до конца))) Спасибо ☺
Очень понятно и доступно объясняешь
You are a great teacher 👍🏻 thank you very much 🙏🏻
Прям шикарно. все очень разжованно и доходчиво изложено, что очень важно для новичка! кстати скорость 0.75 топ)
скорость 1.5 также😄
Только 0,5 или 2)))
Мне нравится этот канал! Спасибо большое вы мне очень помогаете.
Спасибо тебе большое,хорошо рассказываешь и обьясняешь, все очень понятно
я пока только начала, но уже рада, что нашла такой курс, где рассказывают интересно и понятно :)
Как успехи?
на самом деле довольно быстро и сумбурно рассказывают совсем для новичков придется перематывать и перепрослушивать а в целом норм
у меня нет кнопки команд где её найти? я не могу сохранить сайт!!👿
@@ZheKaYTctr+s
@@ZheKaYT жми ctrl левый нижний угол
Очень нравится и все понятно спасибо большое буду слушать с радостью
В 14 году ты говорил "Бади", а сейчас "Боди", меняешься, чел..
и цсес
а сейчас сисес))
ориентированность на аудиторию же)
14 году? В него же сам канал создан 2020 году, наверно тф путаешь его кем-то
@@ava_creyэто его не основной канал, его основной канал:Гоша дударь.
пересматриваю курсы для закрепления информации
Спасибо за урок!
Мне понравился урок , благодарю ,понятно некоторые вещи очень хорошо
Привет, прошел год. Как успехи? Просто я новичок, и хочу спросить у тебя
@@user-rn5ou4hu1y прошло 8 месяцев, а как твои успехи? Теперь просто я новичок)) :D
Спасибо вам большое за урок!!!
Понравилось видео, спасибо!
Курс вышел на мою днюху
По мне для меня это лучший курс из которых на нашол
большое спасибо за ваши старания
Однозначно лайк и подписка 👍 все понятно
Спасибо! Пока очень все понятно😊
шикарно, спасибо!!!
Спасибо большое)
спасибо за урок
Thank you very much! Спс)
Спасибо огромное
Георгий. Вы очень хорошо помогаете
В теге хед написал текст, и он всё равно виден, почему?
@@user-zn1zl8df3h текст заголовка ваш
Новые уроки лучше. Нет лишней воды
если и тут нет лишней воды страшно представить что было в старых, то что можно объяснить в 5 слов объясняет в 15-20
@@stern2936 Потому что урок для новичков это раз, а во вторых для больших типов людей. Кто-то, кто хуже понимает нуждается в этих 15-20 словах вместо пяти, а тем, кому легко даётся, эти лишние слова не повредят, а может даже наоборот - помогут закрепить информацию
Спасибо огромное, всё понятно и разжевано
Как успехи?
а это информация до сих пор актуально
Отличный курс, автор вопрос, почему на itproger не представлен Ruby? Сейчас начал заниматься самостоятельно, а вернее изучать этот язык, а у Вас не много информации или я ошибаюсь?
Урок шикарен. Я десятки курсов перебрал и перепробовал, сюда забрел из-за курса по Jjango
Здравствуйте,огромное спасибо вам за ваши курсы,всё очень интересно и максимально понятно.
Как хорошо что я нашел ваш канал)
как успехи брат ?
Как уже это достало(
Типичный комментарий побирашки. Ходят слоняются, ждут манну небесную. Что вы от него ждёте? Что бы он сказал, да чувак, залетай и мёд ложкой загребай, всё зае..сь и легко!?
И каждый второй такой.
Бро ты лучший!
Слушай классно
Mucho Gracias
Привет я из Узбекистана.Спассибо всем.
thanks
Спасибо
Мне вот интересно а в Atom, обязательно нужно писать стрелочки, слеш, или можно как в VS просто написать название тега и нажать таб?
а что делать если выскакивает при скачивании atom ошибка с другими работать непонятно потому что видео другое а там другое
Спасибо большое, обязательно оформлю подписку на вашем сайте, а по CSS и JavaScript у вас есть уроки?
Есть
А что у Вас за плагин, который дает подсказки о том, что писать следующим и который показывает полное название тега, например, когда в body создаете абзац, Вы пишите "p", а справа показывается, что это сокращение от "paragraph"?
👍👍👍
Как узнать какая версия HTML установлена через Visual Studio???
7:14. Я попробовал вставить не в хед и название тайтла таке появилось, те не обязательно ставить в хед? или разницы нет, но по сути лучше уж поставить?
Подскажите, пожалуйста, какой редактор и какую его версию скачать для windows 7 32-bit. Или как запустить код из блокнота. А то найти что-то подходящее для такого ноута это целый квест.
латиница = ascii, она в любом случае будет, не зависимо от выбранной кодировки. сказанул. варианты начинаются уже в верхней половине таблицы знаков. если она восмибитная.
Nice
За 1 ролик понял больше чем за 3-4пары
а в notepad на правую кнопу мыши нельзя добавить файлы в папку
*Помогите пожалуйста* у меня не получается работать с Атомом. После загрузки в окне открылось белое поле и на нём НИЧЕГО!!! Подвигала мышкой на секунду "засветилась" папка перенесённая с рабочего стола, и пропала, при нажатии на кнопки мыши выходят команды на английском - "новая папка" например, но при нажатии на команду опять ничего не происходит. Удалила программу Атом, удалила файл "setup" из папки загрузок, скачала заново, но результат тот же - белое окно и ничего.
👍
привет ! как сделать расширения для автозаполнения ?
установи emmet.
А как сделать,чтобы указать,что 4-ая версия(например) 10:35
😊😊😊😊😊😊
До конца дойдут только избранные)
Ну что ж поехали)
👍🏻
я программирую на brackets, все делаю по инструкции и когда захожу в папку меня выбивает в интернет с пустой страницей, что делать?
Спасибо большое за курс уроков...мне надо за месяц обучится верстачить сайты, надеюсь мне поможет ваш канал
Привет, как успехи, дружище?
Тоже интересно , месяц прошол)
@@user-lm4nc1dl8o я уже сам научился немного верстать сайты, так что он точно справился
@@murou3968 надеюсь и я научусь))) Посмотрем что из этого выйдет )
@@user-lm4nc1dl8o что по итогу?)
Atom для Винды по другому устроен, у меня нет слева проводника, и я не могу понять как назвать файл который создал.
Разжуйте как настроить вид подобный вашему на виндовс 10!?
Просто папку проекта перетащите в редактор и она откроется так же
ПРИВЕТ ВСЕМ Я ТОЖЕ ИЗУЧАЮ ЭТОТ КУРС.СПАСИБО ВСЕМ.
как успехи?
Что делать если у меня в место привет выходит весь код в хроме(код написанный мной)
Что делать, подскажите пожалуйста
У меня в браузере появляется символ < перед словом «привет». Как его убрать?
а если другие версии html то что прописывается?
у меня вопрос, я начинающая в этом, скажите пожалуйста имеют ли значения пробелы? Если да должна ли углубляться в этой теме?
заранее спасибо🙂
Для самого html не обязательно, но для лучшей читабельности, пробелы необходимы
Получается текст может отображаться без тегов ???
А из самой прогаммы (из редактора) не запускается HTML файл?
Прошел курсы тестировщика - там щас жесть конкуренция по 100 человек на джуна, расплодилось их жесть, начал учить html далее css и потом планирую php, посмотрим что получится
Лучше вместо PHP учи JS
Как ваши успехи спустя 11 месяцев ?
@@vladislav_1993 инженером пто работаю по специальности, опять в планах продолжить обучение как уволюсь. Совмещать не получается.
@@hd-my9fb я вот сейчас тоже задумался учиться на фронтенд, но не знаю получится ли…( нужно что то менять в жизни
@@vladislav_1993 согласен, я не хочу по вахтам ездить больше. Че делать нз, в крипте ещё попроьовать хочу как приеду, зарабатывают же люди, банк у меня будет не большой
Здравствуйте
Как создать другие файлы как расширение?
Oldest Junior, вот посмотрите норм чувак, хотя где то потерялся
Подскажите пожалуйста, при вводе Главная страница , название страницы прописывается на сайте, а не на вкладке страницы, что я делаю не так? Делала по видео точь-в-точь
title одна т
Решил?
почему у меня на сайте главная страница и привет вместе в описании стоит а название вкладки ссылка сайта?
like
☦❤💕❤🙏
В браузере не показывает мой код и сайт. В чем проблема?( а в файле показона, что он пуст, хотя там огромный код)
мне 14, все понял! Шикарно объясняете! Не думали начать праздновать день педагога?!
Что ты высрал
а есть какой нибудь онлайн редактор для 10 windows?
Вы говорили что мы должны писать все в ручную без плагинов и т.дб и т.п. Но у меня установлен Emmet и можно ли его использовать или выключить?
Я не использовал его первые 5-7 уроков. Затем выучил как правильно писать теги и включил emmet.
@@nigarb1040Слушай а эммет только для Sublime Text вроде - бы
?
@@qqqu1ncy121 нет, Emmet есть для всех редакторов, где-то встроен, а где-то нужно установить
@@qqqu1ncy121 нет , я например Emmet для Vim юзаю
А еще мельче можно где то Н6 будет нормально , и желательно в самом верхнем углу.
интересно а я смогу сделать курс при помощи html5¿
если у меня все нормально я могу не писать мета тег?
1:20 я где-то читал, что есть расширение htm
Почему я пишу в body Привет а у меня ничего не отображается ????
Название сайта = названию страницы? Столкнулся с такой проблемой, когда в поисковике вбиваю имя сайта(не доменное, а например то которое указал в title или близкое к нему), а по запросу отображается имя доменное. Сайт уже был проиндексирован роботами.
Нашли решение?
Была одна ошибочка, в теге Head отображается title пользователю
Для начинающих облегчить работу подойдет Visual Studio Code-весь первоначальный блок html описывается одним символом ! плюс TAB
Скажите пожалуйста, у меня установлен вскод, если я хочу учится html по этому каналу ,то мне обязательно нужно устанавливать atom или я могу заниматься по этим урокам в вскоде?
@@Broneboyshik1311 вполне подойдёт вс как для начала так и для будущего.
@@Mestniy389 Вас понял, спасибо
@@Broneboyshik1311 Посмотрите видео по установке доп плагинов для удобства в работе вс
@@Mestniy389 Хорошо,а какие бы вы посоветовали?
Shift + !, тогда не нужно будет писать вручную head,body,meta,title
у меня не октрывается файл в браузере( что делать?
А в начале?!
да все верно
Разницы нет
Ребят кто нибудь киньте источник где можно в кратце познакомиться со всеми тегами?
В блокнотик записывай так и запомниться лучше)
у меня при открытии страницы код и сам текст не отображается, браузер сафари
я не експерт в етом, но вроде Сафари только для видео, бо раньше мне так говорили
получается в папке WWW все файлы будут называться index.html?
Создается папка в которой будут находится все файлы и папки с необходимым содержимым. index.html называется главная страница, она всегда должна называться так, и никак иначе. Я не уверен, но кажется если назвать ее как-то по-другому, то что-то не будет работать.
@@user-fd6il4we1g спасибо
Только начала смотреть ,не могу понять ,эти все тегги вы запоминаете ?Как вы понимаете когда каклй нужно написать ?
2:24
Зачем существуют одинарные и парные теги? Почему не все теги парные или не все одинарные? Зачем они так отличаются? Это какая то необходимость? Если да, то какая?
Что будет , если мы не пропишем тег Доктайп?
Добрый день, подскажите пожалуйста в чем проблема, открываю документ в браузере сафари и выдает вместо привет такие символы: Привет
В видосе есть там где Установка кодироки
@@evgeniyglushchenko9275 чел прав или сафари не поддерживается
Это выдает если ты написал на русском текст
Через хром открывает нормально
предположим я хочу создать еще один файл в этой папке, я создал с таким же именем но мне отвечает что файл с таким именем уже существует
Другие файлы имеют другие имена. index.html - это просто _стартовый_ файл для сайта