訓練日誌 46日目【HTML基礎】

HTML

学科 HTML基礎②【オンライン】

HTMLの基本構造

<!DOCTYPE html>
<html lang=”ja”>
<head>
  (文書の情報を記述)
</head>
<body>
  (文書の本体を記述)
</body>
</html>

  • !DOCTYPE 宣言(ドキュメントタイプ宣言)
  • html 要素(HTML の文書)
  • head 要素(文書情報)
  • body 要素(文書本文)

文書情報

  • title 要素(ページタイトル)
  • meta 要素(文字コード指定/charset)
  • meta 要素(ページの説明文/description)
  • meta 要素(ページのキーワード/keywords)
  • meta 要素(ページの作者情報/author)
  • meta 要素(ビューポート/viewport)
  • link要素(外部 CSS ファイルの紐付け)
  • link要素(ファビコンファイルの紐付け)

文書本文

セクション分類タグ

  • h1~h6 要素(見出し)
  • article 要素(アーティクル)
  • section 要素(セクション)
  • header 要素(ヘッダー)
  • footer 要素(フッター)
  • nav 要素(ナビ)
  • aside 要素(アサイド)

コンテンツ分類タグ

  • p 要素(段落(パラグラフ))
  • hr 要素(区切り)
  • ul/li 要素(順序のないリスト)
  • ol/li 要素(順序のあるリスト)
  • dl/dt/dd 要素(定義・説明リスト)
  • div 要素(ひとつのかたまりの範囲)
  • main 要素(メインコンテンツ)