HTML
Structure
<!DOCTYPE html>
<html>
HTML文書
<head>
文書のデータ
<title>文書名</title>
<meta> 文書のメタデータ
<base> ベースのURL
<style>スタイルシート</style>
</head>
<body>
文書の本文
<main>
メイン
<h2>項目名</h2>
<section>
第１セクション
<h3>項目名</h3>
<article>本文</article>
<h3>項目名</h3>
<article>本文</article>
<aside>補足</aside>
</section>
<h2>項目名</h2>
<section>
第２セクション
<h3>項目名</h3>
<article>本文</article>
<h3>項目名</h3>
<article>本文</article>
<aside>補足</aside>
</section>
</main>
</body>
</html>
Example
head
<!DOCTYPE html>
<html lang="ja">
<head>
<title>サイト名</title>
<meta charset="UTF-8">
<meta name="author" content="管理者名">
<meta name="description" content="HTML">
<meta name="keywords" content="HTML,CSS,JavaScript,個人サイト制作,ウェブデザイン">
<meta name="robots" content="index,follow,archive,snippet">
<meta name="referrer" content="unsafe-url">
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0">
<base href="https://alicex.jp">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap">
</head>
body
<body>
<header">
<h1>サイト名</h1>
<nav>
<h2>Site Map</h2>
<ul>
<li><a href="">TOP</a></li>
<li><a href="">About</a></li>
<li><a href="">Contact</a></li>
</ul>
</nav>
</header>
<main>
<h2>中項目</h2>
<section>
<h3>小項目</h3>
<article>
本文
</article>
</section>
</main>
<footer>
©サイト名
</footer>
</body>
</html>