実際のソースコードが無料掲載されているサイト

Question

前提・実現したいこと

HTMLとCSSの勉強を始めたばかりの初心者です。情報のインプットと同時に、実際のHPやサイトなどの、ソースコード（名称が適しているかがわかりませんが・・・）、を編集し、サイト上でどう表示が変わるのかという全体像の把握、イメージの認識をアウトプットの一環として並行して実施したいのですが、なかなかソースコードを無料掲載しているサイトが見つかりません。おすすめのものがありましたら教えて頂けたら幸いです。

試したこと

ブラウザで考えうるワードで検索

Answer 1

「無料掲載されているサイト」へのツッコミはとりあえず置いておいて、

Google Chromeでコードを見たいサイト上で右クリック->「ページのソースを表示」でソースコードを、
「検証」で実際にどう動いているかを確認することができます。

使い方はこのサイト（progate）を参照。

Comments

[girlstalk]

かなり実践的に学べそうです。回答ありがとうございました。

Answer 2

■ CodePen
https://codepen.io/

等は如何でしょう？

Comments

[girlstalk]

回答ありがとうございます。基礎学習を一通り終えたら、レベルアップのため利用できそうです！