好きなアーティストの公式ホームページだったり有名企業の公式サイトがどうやってできているのか知りたいと思いませんか？？
以前の記事でもお話ししたように世の中のウェブサイトはすべてHTMLのようなマークアップ言語によって書かれています。また、CSS、javascriptがHTMLと共につかわれているケースもあります。
ウェブサイトがこのような言語をつかってどのように記述されているかは「view-source:」というものを知りたいサイトのURLの先頭につけることで知ることができます。
ためしに僕のつくったウェブサイトで実践してみます。
上の画像は僕のつくったパスワードジェネレーターのサイトです。このサイトのURLの頭に「view-source:」を試しにつけて更新してみます。
すると、上のような画面になりますね。これがいわゆるソースコードというもので、僕のウェブサイトがどのようにコードを記述してできているのかを知ることができます。
ちなみにパソコンなら右クリックで「ソースを表示」というボタンがあるのでそちらからでもこれと同じ画面に移動することができます。
自分の好きなサイトがどのように書かれているのか一度見ておくのも中身が知れて面白いですよ。
今回使った僕のサイト「パスワードジェネレータ―」のURLを以下に示しておきます。アカウント作成の時に便利なのでぜひつかってみてください。
パスワードジェネレーター