学科 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 要素(メインコンテンツ)
