MENU
  • Home
  • サイトマップ
  • お問い合わせ
自転車好きな北海道道南北斗市のWEBデザイナー
WEBデザイナー 北斗のけん
  • Home
  • サイトマップ
  • お問い合わせ
WEBデザイナー 北斗のけん
  • Home
  • サイトマップ
  • お問い合わせ
  1. ホーム
  2. WEBデザイン
  3. HTML sectionタグとdivタグの違いが分からない!

HTML sectionタグとdivタグの違いが分からない!

2023 7/03
WEBデザイン
2023年7月3日 2023年7月3日
HTML
You need to add a widget, row, or prebuilt layout before you’ll see anything here. 🙂

HTML記述でdivタグとsectionタグの使い分けがよく分からない。
という方多いですよね。

今、Bootstrapも学びだしたところで、あらためてHTML、CSSを簡単に振り返っているのですが、上のような疑問にぶちあたりました。

結果からいうと、divは意味を持たなく、仕切りわけで使う、特にCSSでclass属性を着けたい箇所に使う。
また、sectionは一つのテーマを持っている箇所に使うということでしょうか。また、sectionはブロックボックスですので、中央揃えをしたい場合はCSSで次の例のように幅指定とmargin設定をする必要があります。

section {
width: 400px;
margin: 0 auto;
}
以上が今日の学びでした。
私はドットインストールで学んでいます。次のサイトを参考にしてください。

WEBデザイン
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
  • 模写コーディング:HTMLとCSSを楽しく、効率的に学ぶ方法
  • 中高年初心者必見!挫折しないためのプログラミング勉強法

この記事を書いた人

kenny65のアバター kenny65

関連記事

  • HTML CSS
    中高年初心者必見!挫折しないためのプログラミング勉強法
    2023年7月4日
  • HTML CSS
    模写コーディング:HTMLとCSSを楽しく、効率的に学ぶ方法
    2023年7月2日
  • プログラミング
    中高年がプログラミングを学ぶメリット
    2023年6月28日
  • プログラミング
    そもそも 50代でプログラミングを学び始めたこと
    2023年6月27日
  • HTML CSS
    CSS フレックスボックス編
    2023年6月24日
  • 生壁色と自転車
    生壁色 その由来と魅力
    2023年6月18日
  • WEBデザイナーとして開業
    2023年2月8日
  • WEBサイトをリニューアルしました
    2023年2月4日

コメント

コメントする コメントをキャンセル

最近の投稿
  • 中高年初心者必見!挫折しないためのプログラミング勉強法
  • HTML sectionタグとdivタグの違いが分からない!
  • 模写コーディング:HTMLとCSSを楽しく、効率的に学ぶ方法
  • 中高年がプログラミングを学ぶメリット
  • そもそも 50代でプログラミングを学び始めたこと
アーカイブ
  • 2023年7月
  • 2023年6月
  • 2023年3月
  • 2023年2月
カテゴリー
  • WEBデザイン
  • ロゴ
  • ワードプレス(WordPress)
  • 起業
メタ情報
  • ログイン
  • 投稿フィード
  • コメントフィード
  • WordPress.org

© WEBデザイナー 北斗のけん.

目次