ソースとブラウザでの表示

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>基本構造の練習</title>
</head>
<body>
<h1>ページ全体を理解できる記事タイトル</h1>
<p>要約</p>
<h2>記事の大見出し</h2>
<p>記事の結論を書く本文</p>
<h3>記事の小見出し</h3>
<p>記事の結論に至る検証を書く本文(1)</p>
<ul>
<li>文書の内容を表す(順番を変えても意味の変わらない項目の)箇条書き(1)</li>
<li>文書の内容を表す(順番を変えても意味の変わらない項目の)箇条書き(2)</li>
<li>文書の内容を表す(順番を変えても意味の変わらない項目の)箇条書き(3)</li>
<li>文書の内容を表す(順番を変えても意味の変わらない項目の)箇条書き(4)</li>
<li>文書の内容を表す(順番を変えても意味の変わらない項目の)箇条書き(5)</li>
</ul>

<p>記事の結論に至る検証を書く本文(1)</p>
<ol>
<li>文書の内容を表す(順番を追って読んで欲しい項目の)箇条書き(1)</li>
<li>文書の内容を表す(順番を追って読んで欲しい項目の)箇条書き(2)</li>
<li>文書の内容を表す(順番を追って読んで欲しい項目の)箇条書き(3)</li>
<li>文書の内容を表す(順番を追って読んで欲しい項目の)箇条書き(4)</li>
<li>文書の内容を表す(順番を追って読んで欲しい項目の)箇条書き(5)</li>
</ol>

<h3>最終的な結論の小見出し</h3>

<p>最終的な結論を書く本文</p>

</body>
</html>