HTMLの主要タグと属性の一覧【独学プログラミング】

【HTML】主要タグと属性の一覧

htmlタグ:html文書であることを示す。lang=”ja”

headタグ:文書情報

  • metaタグ:文字コードの設定→<meta charset=”utf-8″>、文書の説明→name属性、content属性
  • titleタグ:文書のタイトルを設定
  • linkタグ:ファビコンの設定など。主な属性名 rel,href

bodyタグ:文書の本文

  • imgタグ:画像を表示させる。マークアップするものがないため終了タグ不要。主な属性名→src(画像名),width(幅),height(高さ),alt(画像が表示されなかったとき)
  • h1,h2,h3タグ:見出し
  • pタグ:段落
  • aタグ:リンクを設定。href属性→リンク先、target属性→別タブで開く target=”_blank”
  • olタグ:(ordered list) 連番付きリスト
  • ulタグ:(unordered list) 箇条書きリスト
  • liタグ:(list item) リスト内容

主な区切りタグ

  • headerタグ:ヘッダー要素。導入的コンテンツ(ページ上部)。headタグとの混同に注意。
  • footerタグ:フッター要素。著作者の情報、連絡先など(ページ下部)
  • sectionタグ:その他。意味のあるまとまり。汎用的に使える。
  • navタグ:主要なナビゲーション
  • articleタグ:独立コンテンツ
  • asideタグ:本文と関連が薄いコンテンツ

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です