左に寄せる場合は「aligen=”left”」、中央に寄せる場合は「aligen=”center”」、右に寄せる場合は「aligen=”right”」を使います。具体的に見ていきましょう。僕は中央に寄るよ!僕は中央に寄るよ!僕は中央に寄るよ!僕は中央に寄るよ!僕は中央に寄るよ!こんな感じにdivタグで囲ってグループ化させたタグたちを左に寄せたり、右に寄せたり、中央に寄せたりできるのがalign属性なんです。これはページのレイアウトをするときに便利な機能ですね。他にもこのalign属性を持つタグはあるので、その都度紹介していきますね。CSSあってのdivタグdivタグにはalign属性を使えばある程度デザインに使うこともできますが、もっと凝りたい場合はHTML単体ではあまり訳に立ちにくい。グループ化させるのが目的のタグなので。そこで使うのがCSS!先ほどdivタグにid名を付けましたが、このid名を使ってCSSを指定していけばグループ化された場所のみにCSSを適応させることができます。ヘッダーで囲まれた部分の背景を赤に、サイドバーで囲まれた部分の背景を黄色にしてみましょう。{background:yellow;}※「background」は背景のデザインを設定するプロパティ。すると結果はこうなります。僕はサイドバーグループだよ!僕はサイドバーグループだよ!僕はサイドバーグループだよ!僕はサイドバーグループだよ!僕はサイドバーグループだよ!ほらね!こういう感じでCSSを書けば、divタグで囲まれた部分だけにデザインが入ります!背景の色以外にもいろいろなCSSを指定すればもっといろいろなことができるので試してみましょう。似ているタグ<span>divタグに似ているタグとしてspanタグというものがあります。こちらも同様にタグ自体に意味はありませんが、役割はdivタグと同じ。違いはdivタグがブロック要素で、spanタグがインライン要素になっています。ブロック要素とインライン要素の違いについては解説した記事がありますので、こちらを参考にしてください。あなたは大丈夫?”ブロック要素”と”インライン要素”の違いを理解しよう。【お母さんにもできるHTML入門】まとめこれでdivタグの一通りの説明は終わりです。他にも用途はたくさんありますが、それは作っていくうちに身についてきますので、ここでは割愛します。ほかのサイトのソースコードを見ればいろいろなところに使われていることがわかるので、そこを参考にするのもよさそうですね。ソースコードの見方はこちら。HTML・CSSスキル上達を”爆速”にするたった1つの方法それでは今回はこの辺で失礼しましょうかね。質問や意見がありましたらお気軽にツイッターの方へどうぞ。コメントをキャンセルメールアドレスが公開されることはありません。新しい投稿をメールで受け取る投稿ナビゲーションあなたは大丈夫?”ブロック要素”と”インライン要素”の違いを理解しよう。