 ＨＴＭＬってこんなに簡単
|
/// データ例を使って簡単を実感 ///
|
何はともあれ、データを作って実行、表示してみましょう。手順は次の通りです。
［１］Ｗｉｎｄｏｗｓご使用の方は「メモ帳」、その他ＯＳの方はテキストデータを編集できる
プログラムを立ち上げて下さい。
［２］新規データに、下の枠内の文字をコピーして貼って下さい。
［３］名前を「test.html」として保存し、データを閉じてください。
［４］ファイルをダブルクリックして実行、表示してみましょう。
どうでしょうか？こんなにちょっとでｗｅｂファイルが出来てしまうんです。
（のらりは最初、あまりの簡単さに感動しました。♪♪）
<html>
<head>
<title>タイトル</title>
</head>
<body>
内容
</body>
</html>
|
|
|
/// ＨＴＭＬタグは、サンドイッチのパンのようなもの ///
|
「<html>」のように、「<」と「>」で挟んでいるものをＨＴＭＬタグと呼びます。
これらはほとんど２つずつペアになって使われます。上のデータ例でも、「<html>」と「</html>」、
「<head>」と「</head>」、「<body>」と「</body>」はペアに
なっています。
ＨＴＭＬタグがサンドイッチのパンのようだと言うのは、ペアになっているタグが文字などを
挟み込んでいるからです。要は挟めばいいんです、挟めば。
では、挟めばいいという例を１つ紹介します。基本的には上の項目と同じデータですが、
ＨＴＭＬタグを１対追加して「内容」という文字の表示位置を中央に移動させます。追加した
タグは色つきのものです。上と同じ手順で実行、表示してみましょう。
繰り返しになりますが、もう一度手順を書いておきます。
［１］Ｗｉｎｄｏｗｓご使用の方は「メモ帳」、その他ＯＳの方はテキストデータを編集できる
プログラムを立ち上げて下さい。
［２］新規データに、下の枠内の文字をコピーして貼って下さい。
［３］名前を「test.html」として保存し、データを閉じてください。
［４］ファイルをダブルクリックして実行、表示してみましょう。
<html>
<head>
<title>タイトル</title>
</head>
<body>
<center>
内容
</center>
</body>
</html>
|
どうですか？「内容」の文字は中央に移動しましたか？
難しく考えなくても、こんな感じでｗｅｂファイルを作ることができます。ちょっとは簡単
のような気がしてきましたか？しつこいようですが、挟めばいいんです。
|
|
/// ちょっと分厚いパンでテーブル（表）を作ってみよう ///
|
調子に乗って、テーブル（表）を作るパン（ＨＴＭＬタグ）も紹介します。今度のパンは少し
分厚いです（タグの数が多いということ）。
では早速、ここでも基本的には同じデータを使います。「内容」という文字が中央にある
状態から始めます。ここに３対のＨＴＭＬタグを追加して、テーブル（表）を作ります。
追加したタグは色つきのものです。これまでと同じ手順で実行、表示してみましょう。
繰り返しになりますが、もう一度手順を書いておきます。
［１］Ｗｉｎｄｏｗｓご使用の方は「メモ帳」、その他ＯＳの方はテキストデータを編集できる
プログラムを立ち上げて下さい。
［２］新規データに、下の枠内の文字をコピーして貼って下さい。
［３］名前を「test.html」として保存し、データを閉じてください。
［４］ファイルをダブルクリックして実行、表示してみましょう。
<html>
<head>
<title>タイトル</title>
</head>
<body>
<center>
<table border><tr><td>
内容
</table></tr></td>
</center>
</body>
</html>
|
どうですか？「内容」の文字はテーブル（表）の中に入りましたか？（どちらかと言うと、
四角で囲まれたと言う感じに近いと思いますが）
しつこいようですが、挟めばいいんです。数が多くなってくるとデータは大きくなりますし、
実際はペアにしないＨＴＭＬタグもあるのですが、気の持ちようです。挟めばいいと思って
いれば、万事が簡単ラクラクに思えるものです。♪♪
|
|
ＨＴＭＬを書いてデータを作りたくなった方は
|
ここまでの説明にお付き合いいただいて、ＨＴＭＬを書いてデータを作ってみようと思われた
方はこちらのページを参考にしてみてください（下記）。
のらりにご質問下さってももちろんお答えしますが、専門のページを紹介するのがスジのような
気がするので紹介します。専門ページの方が適切な回答が得られると思います。
・誰でも解る無料ホームページ作成講座
今とっても人気のあるホームページ作成支援のサイトです。
・とほほのＷＷＷ入門
ＨＴＭＬといえばココ。超有名なサイト、老舗とも言えます。
・１時間で作るホームページ
初心者向けに楽しく説明されています。
本を参考にするテもあります。本はページをめくって素早く回答を探せるし、ダウンロードの
待ち時間のような時間を必要としないのがいいです。直接質問するような双方向なことができない
のが唯一の難点かもしれません。
もし、のらりと同じ本を参考になさるなら、次の本です。
|
|
お得サイトでネット収入
ＴＯＰへ
ＨＯＭＥへ
