Итак, я на странице учебника 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 и рекомендую вам посещать его, открывать код и
смотреть, что происходит, когда вы меняете что-то.
Вам не нужна учетная запись, хотя вы, конечно, можете завести ее.
Это отличный способ почувствовать, что вы действительно поняли, о чем идет речь.