HTML

Created at 2025-12-6 Modified at 2025-12-6

<!DOCTYPE html>

Document Type - 文書型宣言

<html lang=""></html>

HTML文書言語設定
lang - language: ja, en

<head></head>

頭の部分 - メタ情報

<meta charset="">

文字コード設定
charset - character set: UTF-8

<meta name="viewport" content="width=device-width, initial-scale=1.0">

表示領域設定

<title></title>

タイトル

<link rel="" href="">

外部リソース結びつけ
rel - relation: icon, stylesheet
href - hyperlink reference: favicon.ico, favicon.png, style.css

<script></script>

JavaScript

<script src=""></script>

JavaScriptファイル読み込み
src: ファイルのURLかパス

<body></body>

表示内容

<header></header>

ページの先頭 - ロゴ、サイト名、メニュー

<main></main>

ページの中心 - 記事本文

<footer></footer>

ページの末尾 - 著作権表記、運営者情報、お問い合わせリンク、プライバシーポリシーリンク、SNSリンク

<nav></nav>

navigation - リンクをまとめる

<a href=""></a>

anchor - リンク
hyperlink reference: URLかパス

<div></div>

division - 区切り、ブロック

<h1></h1>

heading - 見出し h1~h6

<p></p>

paragraph - 段落

<span></span>

小さな範囲のインライン、文章の一部の装飾

<pre></pre>

preformatted text - 整形済みテキスト。スペース、改行そのまま表示

<code></code>

コード

<br>

break - 改行

<hr>

horizontal rule - 水平線

<small></small>

小さい文字

<mark></mark>

ハイライト

<ul></ul>

unordered list - 箇条書きリスト

<ol></ol>

ordered list - 番号付きリスト

<li></li>

list item - 箇条書きリスト、番号付きリストの項目

<dl></dl>

description list - 説明付きリスト

<dt></dt>

description term - 説明付きリスト用語

<dd></dd>

description details - 説明付きリスト説明