Не зная HTML невозможно работать фрилансером. Это как для водителя не знать правил дорожного движение. Сайт, помогающий выучить HTML очень полезен для начинающих фрилансеров.
Артём привет! Во-первых, большое спасибо за возможность обучаться. У меня есть реальная цель, научиться вебу и затем зарабатывать на этом.
Теперь вопрос.. когда выполнял домашнее задание и скопировал код в Notepad++ .. код не проявился в разных цветах... и потом, в браузере не было никакого результата... Что делать?
Добрый день!
Возможно, вы назвали файл не index.html и из-за этого Notepad++ не распознал, что это HTML-файл. Включите показ расширений вот по этой инструкции - http://remontka.pro/file-extensions/
Если проблема не в этом, можете написать мне в ВК. И удачи Вам в ваших начинаниях =)
Премного благодарен. Все получилось, установить, копировать код, для тренировки еще писал в ручную. Получается нормально, в браузере отображается. Ушел на второй урок.
Весь курс рассчитан на backend-разработчиков, поэтому CSS особо не требуется. Он будет немного затронут в ходе курса HTML, ровно настолько, насколько это может понадобиться бекендеру.
т.е. файл даже в браузере открывается не страничкой, а обычным текстовым редактором, со всеми кодами, не могу понять почему ((
и еще вопрос, разве не нужно в папке site создавать папку www, а только потом в ней сохранять index.html ?
С начало не получилось, так как расширения были скрыты. Потом по рылся в комментариях и нашел твой ответ на такую же проблему одному из пользователей, и все получилось! Спасибо!
Всем привет. В желании сменить профессию набрел на этот сайт. Режим "Сухая губка" активирован! Готов впитывать новую инфу :D Всем желаю приятного изучения и больших успехов в начинании)
<!DOCTYPE html>
<html>
<head>
<link href="style.css" rel="stylesheet">
<meta charset="utf-8">
<meta name="keywords" content="космос,черная дыра,звезды,солнечная система,вселенная,галактика">
<meta name="discription" content="Здесь вы можете узнать много нового о космосе,о мировых достижениях и открытий в этой сфере,как зарождается звезда,откуда взялись черные дыры ,есть ли жизнь на других планетах?">
<title>Блог о космосе - Space.com</title>
</head>
<body>
<h1>Загадочная вселеная.</h1>
<h2>Что есть вселеная?</h2>
<p>Сперва разберемся,что представляет из себя космос . В этой статье я вам расскажу простым и доступным языком из чего состоит вселенная на метериальном уровне. </p>
<p>По большей части вселенная состоит на 95% из темной материи и темной энергии,а из чего она состит на химическом уровне пока что не известно.</p>
<p>Астрономические тела:
<ul>
<li>галактики</li>
<li>планеты</li>
<li>экзопланеты</li>
<li>системы</li>
<li>звёзды</li>
<li>двойные звёзды</li>
<li> диски и пространство</li>
<li>туманности</li>
<li> звездные группы</li>
<li> коричневые карлики</li>
<li> космологические масштабы</li>
<li> малые планеты</li>
</ul>
</p>
<h2>На сколько она огромна?</h2>
<p>Возьмем, например, объект, чей показатель красного смещения достигает 7.5. С этой цифрой можно выяснить, как долго свет путешествовал от своей точки к нашей. Здесь получается 13 млрд. лет. Может показаться, что это 13 млрд. световых лет, но в тот момент Вселенная была намного меньше. Учитывая это, финальная цифра – 3.4 млрд. световых лет.</p>
<!-- дополнить эту статью -->
<script src="scripts.js"></script>
</body>
</html>
Выбирайте лучше сразу кодировку utf-8 без bom. А то потом проблемы будут. В новых блокнотах наоборот надо выбирать просто utf8, a вариант с bom отдельно. Вот тогда его не надо.
Хотел научиться создавать свои сайты,ещё в далёком 2011,но боязнь что ничего не выйдет только отпугивала меня от начинаний в освоение HTML. Но пора учиться,учиться и ещё раз учиться!
Благодарю вас за курсы,буду развиваться и делиться своими успехами.
Спасибо большое. Все получилось. Были проблемы вначале, но благодаря вашим ответам и подсказкам в комментариях все получилось исправить. Спасибо огромное за материал.
Здравствуйте! С первым уроком пока не получилось. По порядку: создал папку site, в ней зашел в текстовый документ, который получился без расширения txt, см рисунок:, далее переименовал в index.html? получилось: . И все, слева иконка не меняется на гугловскую. В notepad++ закинул, а текстовый документ так и остался текстовым, т. е. финала не получилось. Что делать? У меня виндовс 7.
Я решил начатьВы с курса HTML для начинающих. Вы в качестве редактора предложили NootPad++, он для винды. В инете много альтернатив для МакОС, но что вы порекомендуете?
WebStorm вероятно для написания php?
В друзья добавился. Notepad++ установил. Страничку создал
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Мой первый сайт</title>
</head>
<body>
<h1>Главная новость</h1>
Я приступил к изучению html
</body>
</html>
Добрый день. Спасибо за данный курс и этот урок в частности. Единственное пожелание (исключительно мое мнение): думаю, стоило бы описать, что именно за код копируется с этого сайта, чтобы новички уже постепенно вникали в суть процесса. А так просто скопировал, вставил, и пошел дальше, не зная что это. Я когда-то начинала так заниматься программированием, и позже потратила достаточно много времени наверстывая свое незнание. Так что думаю, стоило бы сделать описание.
Не поймите меня неправильно, это ни в коем случае не критика курса. Я сама занималась разработкой подобного, и понимаю, как сложно учесть все, и как потом может хотеться послать критиков куда подальше, мол сами сначала сделайте что-то такое же, а потом критикуйте. Это всего лишь мое пожелание на будущее и все.
И еще раз спасибо за урок.
Огромное спасибо за интересную статью, у меня получилось! Это так просто, как оказалось.
На здоровье =)
Я всегда думала, что это очень сложно - создавать HTML страницы. Но тут все подробно и понятно описано, надеюсь, с такой инструкцией все получится.
Если что-то не будет получаться, или будут замечания - напишите, пожалуйста. Будем делать ещё лучше. Спасибо за отзыв!
Время есть - теперь буду разбираться. Спасибо за курс, надеюсь что с вашей помощью у меня всё получится!
Пожалуйста! Если будут вопросы - спрашивайте, с радостью помогу.
Простые и сжатые шаги обучения HTML - лучше всего, меня заинтересовал Notepad++, он есть в среде Линукс и если нет, есть ли аналоги?
Прямо его нет, но есть клон - notepadqq, использую под убунтой.
Спасибо
Не зная HTML невозможно работать фрилансером. Это как для водителя не знать правил дорожного движение. Сайт, помогающий выучить HTML очень полезен для начинающих фрилансеров.
Артём привет! Во-первых, большое спасибо за возможность обучаться. У меня есть реальная цель, научиться вебу и затем зарабатывать на этом.
Теперь вопрос.. когда выполнял домашнее задание и скопировал код в Notepad++ .. код не проявился в разных цветах... и потом, в браузере не было никакого результата... Что делать?
Добрый день!
Возможно, вы назвали файл не index.html и из-за этого Notepad++ не распознал, что это HTML-файл. Включите показ расширений вот по этой инструкции - http://remontka.pro/file-extensions/
Если проблема не в этом, можете написать мне в ВК. И удачи Вам в ваших начинаниях =)
Нужно ли обратить внимание на разрядность Notepad++ при скачивании программы?
Она должна соответствовать разрядности вашего процессора и операционной системы. Как и с любыми другими программами.
Премного благодарен. Все получилось, установить, копировать код, для тренировки еще писал в ручную. Получается нормально, в браузере отображается. Ушел на второй урок.
Кому интересно, есть видео обзоры Notepad++:
https://www.youtube.com/watch?v=PuTOOrRYTZA
https://www.youtube.com/watch?v=Y-2dXT4s6aM
https://www.youtube.com/watch?v=ryd449IOUeM
Смотрите полностью, потому, что есть настройки и плагины которые нужно устанавливать в ручную. Здесь в комментах кто-то писал,что не отображается подсветка кода, так вот там об этом говорят.
Эту кодировку <meta charset="utf-8"> нужно прописывать в каждом новом документе как и <!DOCTYPE html>? Благодарю.
Да, всё что внутри <head> должно присутствовать на каждой странице.
Удачи в прохождении)
Артём, почему у вас не видно уроков CSS?
Весь курс рассчитан на backend-разработчиков, поэтому CSS особо не требуется. Он будет немного затронут в ходе курса HTML, ровно настолько, насколько это может понадобиться бекендеру.
Артем, я всё делаю пошагово, как Вы говорите, но при создании файла index.html она не меняется и остается в виде текстового редактора, почему так?
т.е. файл даже в браузере открывается не страничкой, а обычным текстовым редактором, со всеми кодами, не могу понять почему ((
и еще вопрос, разве не нужно в папке site создавать папку www, а только потом в ней сохранять index.html ?
Можете сделать и так. По поводу расширения - у вас в конце имени файла .txt добавляется, скорее всего. Тогда вам сюда.
Артём, все сделала, изменила, но все равно не открывает в браузере так,как надо. Показывает одни вопросы, что делать? =((
Значит кодировку нужно у файла поменять. Посмотрите видео к этому уроку и сделайте всё по нему.
Решил обновить свои навыки по html)
Отлично)
Здравствуйте. У меня всё получилось. Спасибо.
Супер!
спасибо большое у меня получилось))
Супер!
С начало не получилось, так как расширения были скрыты. Потом по рылся в комментариях и нашел твой ответ на такую же проблему одному из пользователей, и все получилось! Спасибо!
Пожалуйста)
Всё получилось! Спасибо!
Пожалуйста)
Все получилось, Большое СПАСИБО!
Пожалуйста)
1) Установил редактор
2) Страничку создал
Отлично
Всем привет. В желании сменить профессию набрел на этот сайт. Режим "Сухая губка" активирован! Готов впитывать новую инфу :D Всем желаю приятного изучения и больших успехов в начинании)
Супер! Желаю удачи в обучении)
Супер!
Добавил в ВК
Скачал Notepad++
создал страницу
Отлично
спасибо за урок.всё получилось...
Супер!
Спасибо большое за урок. Всех с Новым 2020 годом! Желаю всем достигнуть своих целей.
И вас с Новым Годом! Удачи в дальнейшем обучении!
в ВК добавлен, Notepad++ установлен, страничка создана)
Отлично!
После копирования текста браузер выдает не как страницу, а как текст
Ознакомьтесь с другими комментариями. У вас в расширении файла .html.txt вместо .html
Здравствуйте! а у меня Mac, Notepad++ для них нет. Какой аналог посоветуете?
Заранее большое спасибо!
Можете сразу попробовать WebStorm или PhpStorm
Добрый день. Спасибо вам. Всё доступно описано.
Добрый день! Пожалуйста! Рад это слышать :)
Как сохранить, открывает весь скелет в браузере, толком ни чего не сказано.
Чей там у вас скелет открывает? =) Толком в вашем комментарии ничего не сказано, пишите подробнее что у вас не получается.
Выбирайте лучше сразу кодировку utf-8 без bom. А то потом проблемы будут. В новых блокнотах наоборот надо выбирать просто utf8, a вариант с bom отдельно. Вот тогда его не надо.
Отлично!
Хотел научиться создавать свои сайты,ещё в далёком 2011,но боязнь что ничего не выйдет только отпугивала меня от начинаний в освоение HTML. Но пора учиться,учиться и ещё раз учиться!
Благодарю вас за курсы,буду развиваться и делиться своими успехами.
Супер! Удачи в обучении!
Супер!
Добрый вечер , я переписал код который вы написали и открыл его в браузере и там вышло не так как у вас.Может не тот notepad скачал
Насколько сильно не так?
У меня новая страница не вышла, вышли готовые страницы когда обычно вводишь запрос в поисковике.
Отлично
Отлично
Спасибо большое. Все получилось. Были проблемы вначале, но благодаря вашим ответам и подсказкам в комментариях все получилось исправить. Спасибо огромное за материал.
Пожалуйста) Удачи в обучении)
Все получилось!!!Идем дальше
Отлично!
Здравствуйте! С первым уроком пока не получилось. По порядку: создал папку site, в ней зашел в текстовый документ, который получился без расширения txt, см рисунок:
, далее переименовал в index.html? получилось: 
. И все, слева иконка не меняется на гугловскую. В notepad++ закинул, а текстовый документ так и остался текстовым, т. е. финала не получилось. Что делать? У меня виндовс 7.
Привет! Посмотри комментарии к этому уроку. Там описано решение)
Здравствуйте, всё сделала, как сказано в уроке, но почему-то у меня открывает просто пустую страницу. спасибо за ответ.
Здравствуйте. Файл отображается как текстовый документ или со значком гугл хрома?
Отлично
Привет всем! Первый урок с небольшим туплением получился. Спасибо. И дем дальше.
Супер! Желаю удачи в обучении)
Добрый день, подскажите пожалуйста как открыть файл в редакторе notepad ++
Можно в самом редакторе через меню верхнее: Файл -> Открыть
Либо правой кнопкой мыши по файлу - Edit with notepad++
Посмотрите видео вверху урока, там всё детально показано.
Всё сделал)
Отлично)
Спасибо очень интересно
Пожалуйста)
доброго времени суток. какой редактор порекомендуете для Macbook?
WebStorm/PhpStorm
Я решил начатьВы с курса HTML для начинающих. Вы в качестве редактора предложили NootPad++, он для винды. В инете много альтернатив для МакОС, но что вы порекомендуете?
WebStorm вероятно для написания php?
WebStorm/PhpStorm
Я использую MacBook, проблему преодолел.Все в порядке. Скопировал код в Sublime Text. Сохранил файл в MAMP. Открыл через браузер.
Отлично!
Отлично
Решила проверить свои навыки по html. Чтобы понимать кто я есть :)
Супер) Удачи в обучении!
Отлично
Отлично
Отлично
Привет, меня зовут Иван.
В друзья добавился. Notepad++ установил. Страничку создал
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Мой первый сайт</title>
</head>
<body>
<h1>Главная новость</h1>
Я приступил к изучению html
</body>
</html>
Нужно оформить код в комментарии (в редакторе комментариев самая первая кнопка).
Нажмите на карандашик и поправьте ваш комментарий, пожалуйста.
Добрый день. Спасибо за данный курс и этот урок в частности. Единственное пожелание (исключительно мое мнение): думаю, стоило бы описать, что именно за код копируется с этого сайта, чтобы новички уже постепенно вникали в суть процесса. А так просто скопировал, вставил, и пошел дальше, не зная что это. Я когда-то начинала так заниматься программированием, и позже потратила достаточно много времени наверстывая свое незнание. Так что думаю, стоило бы сделать описание.
Не поймите меня неправильно, это ни в коем случае не критика курса. Я сама занималась разработкой подобного, и понимаю, как сложно учесть все, и как потом может хотеться послать критиков куда подальше, мол сами сначала сделайте что-то такое же, а потом критикуйте. Это всего лишь мое пожелание на будущее и все.
И еще раз спасибо за урок.
Далее всё будет разложено по полочкам, не беспокойтесь)
Спасибо, буду учиться у вас.
Учитесь на здоровье)
Гарно дякую за урок, у мене все получилось
На здоровье!