HTML
アウトライン
毎日プログラム講座

【毎日プログラム講座】⑤HTMLのアウトラインを理解しよう!

FromNowOnの毎日プログラミング講座

 [内容]
アウトラインに使うタグの配置する場所を確認しよう。
基本的にプログラミングやコーディングにはインデントと呼ばれるスペースでタグからタグまでを合わせます。

インデントについて.tex
aから
 bから
  cから
   dから

   dまで
  cまで

  cまで

  cまで
 bまで
aまで
スペースでどこからどこまでかをわかりやすく記述することができます。

  • articleタグ
  • sectionタグ
  • asideタグ
<!DOCTYPE html>
<html>
<head lang="ja">
    <meta charset="utf-8">
    <title>mini_FromNowON</title>
</head>
<body>
    <article>
        <section>
            <h1>mini_FromNowON</h1>
            <p>
                FromNowOnはオンラインプログラミングスクールです。<br>
                FromNowOnは『エラーを解決する能力を身につける』ことです。
            </p>
            <h2>毎日プログラム講座でwebについて学ぼう!</h2>
            <p>毎日プログラム講座ではwebの知識について毎日1回更新してお伝えしています。webページにはHTMLとCSSを利用してホームページを作成することができ、それにJSと言われるJavaScriptやPHPなどのプログラミング言語で動的なページを作成することやデータの保管などをすることでwebサービスを作成することができます。</p>
            <p>毎日プログラム講座で少しでもプログラミングの楽しさを知っていただければいいなと思って毎日1記事を載せています。</p>
            <p>FromNowOnは11月11日にオープンした新しいプログラミングスクールとなります。従来のプログラミングスクールより実践的な講義を行います。講義中にwebなどでしようしたいサンプルの使用方法や使えるようにする為の解決策などの提案までを行います。</p>
            <p>プログラミング言語は様々ですが毎日プログラム講座はよりわかりやすく進める為にまずは簡単なHTMLやCSSについて記述しています。わからないことはコメントやHPのお問い合わせよりご連絡いただければと思います。</p>

            <section>
                <h3>プログラミング言語は誰でもできる。</h3>
                <p>FromNowOnではwebコースとIOSコースの2つのコースがあります。webコースはHTML,CSS,PHP,MySQL,Larvelまでを学習することができます。そしてIOSコースはappleが開発した新しいプログラミング言語です。そしてモダンで早く、わかりやすい言語でアプリ開発をするには初心者向けのプログラミング言語であり実用的でこれから期待されている言語です。</p>
            </section>

            <section>
                <h3>HTMLについて</h3>
                <p>HTMLは画面の構造を作るものです。そしてHTMLの記述にはタグというものを利用してコードを書いていきます。HTMLの書き方には1つのパターンしか基本的にはありません。開始タグと終了タグの中に文字を記載することでそのタグの中の字が指定することができます。webを理解するにはまずはHTMLをマスターすることが必要になるでしょう。</p>
            </section>

            <section>
                <h3>CSSについて</h3>
                <p>CSSはHTMLの兄弟みたいなものでHTMLと一緒に使うものです。CSSはデザインを作る為のものです。HTMLが構造ならCSSは肉付けといったところでしょうか。CSSでより見やすいHPを作成することができるようになります。</p>
            </section>

            <table>
                <caption>プログラミングコース</caption>

                <tr>
                    <th>WEBコース</th>
                    <td>HTML,CSS,PHP,MySQL,LARVEL</td>
                </tr>

                <tr>
                    <th>IOSコース</th>
                    <td>XCODE,SWIFT,COCOAPOD</td>
                </tr>
            </table>
        </section>

        <aside>
            <p>FromNowOn情報</p>
            <h4>FromNowOn on-line</h4>
            <p>〒153-0063  東京都目黒区目黒1-9-22 LC 1F </p>
            <ul>
                <li><a href="https://onlinefromnowon.wixsite.com/fromnowon"></a>https://onlinefromnowon.wixsite.com/fromnowon</li>
                <li>FromNowOn【毎日プログラム講座】を要チェック<a href="https://onlinefromnowon.wixsite.com/fromnowon/blog"></a>【毎日プログラム講座】</li>
            </ul>
            <p>毎日1つwebサービスの作成方法を更新していきます。</p>
        </aside>

    </article>
</body>
</html>

FromNowOnアクセスはこちらから