今回は中二病がのあなたが授業で使えるHTMLのテクニックを紹介します。明日パソコンの授業がある学生スポンサーリンクHTMLとはあなたが見ているこのページも「HTML」という言語が基本で作られています。ちなみにHTMLとは「ハイパーテキストマークアップランゲージ」の略です。言うより実際みていたほうが早いのでみんな大好きgoogleホームページのHTMLを確認してみましょう。goolgeのトップページを開いたらF12を押してください。インターネットエクスプローラーで見た場合画像の円に囲まれた部分にそのページの構成が表示されます。itemscope=””>という行があると思います。これはHTMLの設定のようなものと思ってください。次に<head>...</head>の行ですが、ヘッダーを呼ばれる部分を括弧の間に書きます。横の三角のボタンを押すと中身をみることができます。このページで言うとgoogleのロゴの設定などが書かれています。同じように<body></body>の間にもこのページの本文が書かれています。このぺージでいうと検索ボックスとか書かれた部分ですね。最後に</html>で終わります。これらの<>はタグと呼ばれるもので見てみるとかなりシンプルなつくりとなっているのがわかります。googleのロゴで遊んでみるではもう少し具体的にみていきましょう。丸で囲んだアイコンを選択してください。その後にgoogleのロゴをクリックすると<divから始まる部分が表示されたと思います。その中でここに書かれた数字をダブルクリックした下さい。すると数字を編集できるようになるので800と入力してみてください。はい、ロゴのサイズが変わりましたね?このようにサイズなどは簡単に変えることができます。明日隣の席の同級生に「googleのロゴを変えてやったぜ」と自慢しましょう。他にもここに書かれた数字をかたっぱしから変更してみるのもいいでしょう。もとに戻したくなったらF5(更新)ボタンを押しましょう。どれだけ変えてもあくまで自分のパソコンの中だけのことなので、更新すると最初の状態に戻ります。最後にこの記事ではインターネットエクスプローラーで紹介しましたが、ブラウザにはこういう「デベロッパーツール」という機能がついています。意味的には開発者ツールと呼ばれるもので開発者が表示の変更などを確認するときに使います。グーグルクロームもF12を押すと同じようにデベロッパーツールが表示されるので紹介したようなことができます。今回は数字を変えてみましたが、「タグ」の意味を調べてみることでここを変えるとこう変わるというのがわかるので興味を持った人は調べてみるといいでしょう。コメントをキャンセルメールアドレスが公開されることはありません。コメント名前メールアドレスサイトプロフィールsoon地方で常駐プログラマとして働いています。グーグルアドセンス」を利用しています。広告配信事業者は、ユーザーの興味に応じた広告を表示するためにCookie(クッキー)を使用することがあります。Google」をご覧ください。