サポート掲示板

 小村大樹 E-MAIL  - 06/12/23(土) 9:03 -
パスワード
イメージをつかみやすいように、
ページを作る手順を簡単に説明してみます。

まず、メモ帳を開いて、次のように記述します。

<html>
<head>
 <title>テストページ</title>
</head>
<body>
 <p>テストです。</p>
 <p><img src="test.jpg"></p>
 <p><a href="http://www.synapse.jp/">シナプスさんのページにリンク</a></p>
</body>
</html>

入力し終わったら、「index.html」というファイル名で保存します。
(ファイルの種類に「すべてのファイル」を指定しないと、
 「index.html.txt」というファイルができてしまうので注意して下さい。)

同じフォルダに「test.jpg」という名前のJPEGファイルを準備すれば、
画像を表示させることも可能です。

<html>とか、<p>とかいうのが、「タグ」です。
ほとんどタグは対になっていて、入れ格子になります。
(<img>など、対になっていない「空タグ」と呼ばれるものもある。)
/が無いのが開始タグ、/があるのが終了タグです。

各要素の説明はおおよそ次の通りですが、
厳密な定義はWEBサイト等で確認して下さい。
<html>…HTML文書であることを示す。
<head>…文書に関するの情報(タイトルなど)を記述する場所
<title>…タイトル
<body>…本文
<p>…段落
<a>…リンク
他にも様々な要素が存在します。

開始タグには、「属性」が設定できるものがあります。
<img src="test.jpg">では「src=""」が、
<a href="http://www.synapse.jp/">シナプスさんのページにリンク</a>
では「href=""」が属性にあたります。

記述方法については詳しい決まりがあります。
<p><a>リンク</a></p>を記述するときに
<p><a>リンク</p></a>や<a><p>リンク</p></a>と記述するのは間違いです。
※詳しく書くと長くなるので、参考程度に。
 間違ってても、普通は問題なく表示されますし。

シナプスさんのQ&Aも参考にして下さい。
http://synapse.ne.jp/cgi/support/faq/c-board.cgi?cmd=one;no=2;id=faq

こんな感じのファイルができあがったら、
FTPソフトというのを使いまして、完成したWEBサイトを、
ネット上に公開できるようにします。
http://www.ninja.co.jp/help/hp/use.html

以上ですが、だいたい雰囲気はつかめましたでしょうか?
分からないことがありましたらお気軽にご質問下さい。

451 hits
引用なし
記事が属するツリーの記事を全て表示します 【12749】HPを作りたいのですが…… 鈴村 06/12/23(土) 7:42 質問
【12750】WEBサイトの作り方…。 小村大樹 06/12/23(土) 8:18
【12751】具体的な手順ですが、 小村大樹 06/12/23(土) 9:03
【12752】Re:具体的な手順ですが、 鈴村 06/12/23(土) 12:17 質問
【12753】WWW入門 wtz 06/12/23(土) 20:07
【12774】Re:HPを作りたいのですが…… 鈴村 07/1/6(土) 14:08 質問
【12775】CSSを利用します 小村大樹 07/1/6(土) 15:37
【12776】Re:CSSを利用します wtz 07/1/7(日) 10:49
【12777】訂正 wtz 07/1/7(日) 10:54
【12778】Re:訂正 wtz 07/1/7(日) 10:57

ページ:  ┃  記事番号:   
(SS)C-BOARD v3.5.4 is Free.