HTML の基本

<body>
<header>
<h1 lang="ja"align="center">
<font color="steelblue">HTML の基本</font>
</h1>
<p align="center"><i>初心者のための簡単な説明</i></p>
</header>

<main>
<h2 align="left">HTMLとは</h2>
<p>HTML ( エイチ・ティー・エム・エル / Hyper Text Markup Language) とは, ハイパーテキストを記述するためのマークアップ言語の1つで, 主に World Wide Web ( WWW )上でホームページ ( WEBサイト )を作るために利用されています.</p>
</main>

<article>
<h3 align="center">書き方</h3>
<p><font color="red"><　></font> のように二つの不等号(小なり / 大なり)で<ruby>括<rp>(</rp><rt>くく</rt><rp>)</rp></ruby>られた部分を「<strong>タグ</strong> ( tag ) 」と呼び,「<strong>オープニング・タグ</strong> ( opening tag ) 」と「 <strong>クロージング・タグ</strong> ( closing tag ) 」で挟み込むことを「<strong>マークアップする</strong>」と言います. つまり, 通常の文章を多くのタグで囲みながら記述するのが HTML の書き方となります.</p>
<h3 align="center">タグで使用できる文字</h3>
<p>タグは日本語の全角アルファベットで書いてはいけません. 半角アルファベットなら大文字 / 小文字のどちらを使用しても構いませんが, <u>通常は全て小文字で記述することになっています</u><small>(XHTMLでは大文字 / 小文字は区別されます)</small>.</p>
</article>

<h4 align="left">HTMLソース・コードについて</h4>
<ul>
<li>HTML は他のプログラム言語と比べると, かなりゆるい文法規則によって定義されています. プログラミング技術になじみのない人でも少し練習すれば簡単に使えるようになるでしょう.</li>
<li>記述されたHTMLテキストは「<strong>HTMLソース・コード</strong> ( HTML source  code ) 」と呼ばれ, 一つのHTMLソース・コードは「<strong>ウェブ・ブラウザ</strong> ( web browser ) 」によって人間が理解 / 編集しやすい形式として表現されます. また, HTMLソースは <strong><font color="red">.html</font></strong> ファイルとして保存され, サーバに転送されてホームページの一部となります.</li>
<li>ウェブ・ブラウザはHTMLソース・コードの文字列を調べるために先頭から全データを読み取っています. もしも不必要なタグを書き入れるとプログラムが予期しないデータを生成してしまい, エラーとなりうるので注意しましょう.</li>
</ul>

<h5 align="left"><font color="darkslategray">ソースの記述ルールと秩序</font></h5>

<p><font size="2"color="darkslategray">HTMLソースの書き方にはルールと秩序があります. 例えば, 駅のホームで電車を待つときは列の後ろに並んで一人ひとりが乗車する順番を守るように, HTMLソースを書くときは「基準として定められている法則」に<ruby>則<rp>(</rp><rt>のっと</rt><rp>)</rp></ruby>り, <タグ>を選ぶルールと秩序を守らなければなりません. ソースを記述することにおいて基本的には自由なのですが, それは「ルールの中での自由である」ということを忘れてはいけません. ルール・ブックに記載されていなければ何を書いても良いわけではありません. 定められたルールとネット社会での秩序を理解しながら書き方を学びましょう.</font></p>
<hr size="1"color="steelblue">
<div align="center">
<footer>
<font color="steelblue"size="2">HTMLスイスイ〜 HTML の基本 / 初心者のための簡単な説明</font>
</footer>
</div>
</body>

</html>