freyjahtmlの基本構造とタグのおさらいワードプレスのテーマの変更も出来ます。フォントも好きに変えられるし、ソーシャルブクマボタンも設置したし、マルチサイト化も、子テーマの設定の仕方もわかりました。これだけでも充分カッコイイデザインにカスタマイズ可能ですが、これからは今注目のhtml5とcss3を勉強しながら、もっとオリジナルなサイト作りに挑戦していきたいと思います。今は誰かの作ってくれたテーマをお借りしている状態ですが、最終的にはオリジナルのテーマを作るのが目標です!hml5とcss3を勉強する前に、まずはhtmlとcssの基本をおさらいします。htmlとcssって何が違うの?簡単に言うと「htmlでサイトの基本の枠組みをつくり、cssでデザインを加えていく」、です。1.ブラウザfirefoxとアドオンfirebugをインストールするコーディングを勉強するのに欠かせないブラウザがfirefoxです。firefoxをインストールしましょう。インストールしましたら、これまた欠かせないアドオン、firebugをインストールします。firefoxをインストールfirebugをインストール2.htmlファイルを作るメモ帳など、適当なテキストエディタで書いたものを名前を付けて保存する際に、html形式で保存します。(ファイル名のあとの拡張子を.htmlにします。)これで、このファイルをブラウザで開く事が出来る様になりました。3.htmlの基本的な構造、基本となるタグを覚えるhtmlは入れ子構造になっています。>で閉じる、という事を覚えておきましょう。いった簡単なミスで、表示されない〜っ(><)!とかいうことがよくあります。それでは、htmlの基本の構造を記します。headタグ内にはサイトのタイトルや文字コード等、サイトに関する情報を入力します。ブラウザでは表示されません。ブラウザのタイトルバーに表示されます。検索にも使われるので重要なタグ。bodyタグの中に書いた内容がブラウザに表示されます。hの次の数字が小→大で、大見出し→小見出しとなります。<h6>まであります。これも検索に使われるので、キーワードに注意を払います。囲んだ文章をひとつの固まりにします。箇条書きのリストを作る時に使う。このタグで囲った範囲がリストです。(<ul>の代わりに<ol>を使えば、項目が1、2、3...と表示されます。リストの中のひとつの項目。