Yoosuke/HTML_1

## HTML_1
<html>
    <head></head>
    <body>
        <img src="https://thewaggle.co.jp/wp-content/uploads/2018/02/d17100-14-447695-3.jpg">
        <h1>はじめてのHTML</h1>

        <p>
            <font color="red">リード文章</font>を2行くらいのボリュームでここにかきます。
            5月22日、HTMLの授業２回目：タグについての説明と構造化についての説明をする。
        </p>

        <div id="mainText">
            <div id="chapter-1">
                <h2>1章 第2回5月22日（水）</h2>
                <p>
                    タグには、２種類存在する。開始タグと終了タグが存在する、テキスト文章に
                    構造的な意味を持たせるタグ。例）&lt;html&gt; &lt;/html&gt; &lt;p&gt; &lt;/p&gt;など
                    <br/><br/>
                    タグ自体に役割を持つ、構造を持たないタグ。例）&lt;br/&gt;
                    <br/><br/>
                    文章の構造とは別に、テキストに装飾するタグも説明。例）&lt;font color="red"&gt;
                </p>
            </div>
            <div id="chapter-2">
                <h2>2章　第3回　予告</h2>
                <p>
                    次週は、画像にリンクを付ける。
                    新たな.htmlファイルを作成し、リンクで飛べるようにする。
                    そのうえで、フォルダとファイルの階層構造についての理解を得る。
                </p>
            </div>
            <div id="chapter-3">
                <h2>3章</h2>
                <p>
                    おおおおおおおおおおおおおおおおおおおおおおおおおお
                    おおおおおおおおおおおおおおおおおおおおおおおおおお
                </p>
            </div>
        </div>
        <ul>
            <li>HTMLとは<a href="https://developer.mozilla.org/ja/docs/Learn/HTML">リンクはこちら</a></li>
            <li><a href="https://developer.mozilla.org/ja/docs/Learn/CSS" title="CSSについてのせつめい">CSSとは</a></li>
            <li>JavaScriptとは</li>
        </ul>
        <ol>
                <li>手順1</li>
                <li>手順2</li>
                <li>手順3</li>
        </ol>
    </body>
</html>
	<html>
	<head></head>
	<body>
	<img src="https://thewaggle.co.jp/wp-content/uploads/2018/02/d17100-14-447695-3.jpg">
	<h1>はじめてのHTML</h1>

	<p>
	<font color="red">リード文章</font>を2行くらいのボリュームでここにかきます。
	5月22日、HTMLの授業２回目：タグについての説明と構造化についての説明をする。
	</p>

	<div id="mainText">
	<div id="chapter-1">
	<h2>1章第2回5月22日（水）</h2>
	<p>
	タグには、２種類存在する。開始タグと終了タグが存在する、テキスト文章に
	構造的な意味を持たせるタグ。例）<html> </html> <p> </p>など
	<br/><br/>
	タグ自体に役割を持つ、構造を持たないタグ。例）<br/>
	<br/><br/>
	文章の構造とは別に、テキストに装飾するタグも説明。例）<font color="red">
	</p>
	</div>
	<div id="chapter-2">
	<h2>2章　第3回　予告</h2>
	<p>
	次週は、画像にリンクを付ける。
	新たな.htmlファイルを作成し、リンクで飛べるようにする。
	そのうえで、フォルダとファイルの階層構造についての理解を得る。
	</p>
	</div>
	<div id="chapter-3">
	<h2>3章</h2>
	<p>
	おおおおおおおおおおおおおおおおおおおおおおおおおお
	おおおおおおおおおおおおおおおおおおおおおおおおおお
	</p>
	</div>
	</div>
	<ul>
	<li>HTMLとは<a href="https://developer.mozilla.org/ja/docs/Learn/HTML">リンクはこちら</a></li>
	<li><a href="https://developer.mozilla.org/ja/docs/Learn/CSS" title="CSSについてのせつめい">CSSとは</a></li>
	<li>JavaScriptとは</li>
	</ul>
	<ol>
	<li>手順1</li>
	<li>手順2</li>
	<li>手順3</li>
	</ol>
	</body>
	</html>