HTMLやCSSのソースコードをそのままページに貼り付ける方法 | ゲマステ！

ホームページやブログで自身のソースコードを表示したい際に、HTMLやCSSのソースコードをそのまま貼り付けることのできる方法を紹介します！ 貼付け用ウィジェットを『GitHub』で生成 手順①： まず「GitHub Gist」さんのサイトにアクセスしてください。 手順②： "Language:Text"をクリックして貼り付けたいソースコードの言語を選択し、下の枠内に表示したいソースコードを記述して、 下の"Create Pubric Gist"というボタンをクリックしてください。 手順③： クリックすると画面が切り替わるので、切り替わった先の右側にある"Embed URL" の下のソースコードをコピーして、表示したいページにそのまま貼り付けてください。 手順④： すると↓のようにソースコードがページに表示されるはずです。 ※ 例としてこのページのヘッダー部分を表示しています これでソースコ