Итак, я на странице учебника Shayhome. Это раздел под названием Getting to Know HTML. Если вы похожи на меня, то, читая
статьи о программировании, вы хмыкаете и киваете головой, даже если не всегда полностью
понимаете, о чем они говорят. И вам хотелось бы, чтобы был какой-то пример или учитель, показывающий
в реальном времени, что происходит. Так вот, Shayhome использует CodePen, и это одна из причин, почему я по-настоящему люблю этот сайт. Давайте посмотрим, о чем я говорю. Если вы прокрутите страницу вниз,
вы точно увидите места с кодом, к примеру функции вот здесь. Вы можете увидеть, что речь идет о разделах. Здесь дан небольшой текст и это HTML, и, да, вы понимаете код, но вы точно
не знаете, как выглядит результат. Так, если мы прокрутим вниз немного дальше, мы увидим код, который отображается в чем-то под названием CodePen. То, что вы ищете — эта надпись. Вот она. Тут написано «Изменить в CodePen». Итак, посмотрим, что произойдет, когда я нажму эту ссылку. CodePen дает нам возможность увидеть HTML, а также, возможно, CSS и JavaScript. Я знаю, что вам пока не
нужно понимать CSS и JavaScript. На ваше усмотрение. Но вы, тем не менее, можете посмотреть, как все это работает. Я сделаю экран немного больше, чтобы вы могли это увидеть. Видите?
Они вставили код для заголовков Level 1, Level 2, Level 6. Я собираюсь пойти туда и изменить код. То есть, что изменится, если заменить H3 заголовком H1? Идем сюда. Теперь вы видите, что это заголовок уровня 3, и хотя он так называется, на самом
деле этот заголовок уровня 3 больше обычного. Я люблю CodePen и рекомендую вам посещать его, открывать код и смотреть, что происходит, когда вы меняете что-то. Вам не нужна учетная запись, хотя вы, конечно, можете завести ее. Это отличный способ почувствовать, что вы действительно поняли, о чем идет речь.