ページ作成プログラム

Home / HPmake / Convert

ページ作成

HTMLタグを書き込むだけで作成のレイアウトが分かります。
白い枠の中にタグを書き込んで変換ボタンをぽちっと押してみてください。
変換した後はブラウザボタンの「戻る」を押してこのページに戻ってみてください。
新たにウィンドーを開くプログラムを作れる技術力がまだ無いので（汗）。。。
自分が最初HPを作ろうとしたとき、タグを打つだの基本型だの訳が分からなかったので
これ以上の解説は無理だろうという限界に挑戦してみました。

HTMLタグとは、Web上でページを表示する言語です。

詳しくは、「辞典」で調べてください。
ここでは簡単にタグを打てばどうなるのかを解説します。

□ タグの構造

<html>タグ

上部の枠の中にある <html> と </html> について。
<html> と </html> との間にタグを打ち込むことでページとして読み込まれます。
因みに、上のプログラムには最初から <html> タグを読み込むように設定してあります。
また、大文字 <HTML> でも可。
</html> って何？と思った人へ…物事には始まりと終わりがあるように、
始まり[ <html> ]を指定しても終わり[ <html> ]を指定しないと指定しっぱなしになり、
その後に後にタグを打っても無効になってしまいます。

図：ページ内

----------
<html>

</html>
----------

＊水色の部分に打ち込んでいくことになります。

<body>タグ

ページのメインとなる部分を指定するタグです。

図：ページ内

----------
<html>

<body>

</body>

</html>
----------

＊水色の部分に打ち込んでいくことになります。

<head>タグ

ページ全体を指定するタグ（スタイルシートやメタタグなど）を打つときや、
タイトルバーの指定（ページの題を指定＝すぐ下で説明します）をするタグを打つときに使います。

図：ページ内

----------
<html>

<head>
</head>
<body>

</body>

</html>
----------

＊水色の部分に打ち込んでいくことになります。
＊ここまでは、そのまま水色の部分のタグをを打ち込んでも何も表示されません。
指定されるタグは打ち込まれても、指定する対象となる内容を打ち込んでいないのですから。

<title>タグ

<head> タグの中に打ち込むものでページの上部（ex. このページでは“ページ作成プログラム”と表示されている部分）
のタイトルバーにタイトルを表示させるもの。

図：ページ内

----------
<html>

<head>
<title>
</title>
</head>
<body>

</body>

</html>
----------

＊水色の部分に打ち込んでいくことになります。

では、実際にページを作ってみよう！

順番に書いてみる：
まず、タイトルを指定…「サンタネット」
次に、ページのメインに自分の書いてみたい文章を書いてみる…「何でも屋、サンタネット。」

図：ページ内

----------
<html>

<head>
<title> サンタネット </title>
</head>
<body>
何でも屋、サンタネット。
</body>

</html>
----------

＊水色の部分をコピーして上の変換プログラムにペーストしてみよう。
＊変換ボタンをぽちっと押してみよう。
＊タイトルに「サンタネット」と、ページ内に「何でも屋、サンタネット。」と
表示されていることを確認。

著作：サンタ