HP-目次-
HOME
1day講座
1日で習得！HTML言語
1 2 3 4
1日で習得！スタイルシート
1 2 3
実用的なHTML言語
空白文字
altとtitle属性
meta属性
tableを作ろう
optionを使う
address属性
コメント
hrの横線を
背景の増殖リファレンス
HTML言語
スタイルシートホームページ作成
素材に関して
アクセスカウンター
ソフトに関してふぁるるのホームページ奮闘記
diary、ホームページ奮闘記録
ネットとマナー、ネチケット
私の恥ずかしくて、人に見せられない、ド下手ページの数々orz
ホームページ作成講座。1day講座
1日で習得！HTML言語の講座
ここはホームページを作った事がない方。HTML言語、スタイルシートという言葉を始めて聞いたあなたでも、
1日でHTML言語とスタイルシートを使って、
ホームページが作れるようになります♪
ホームページの間の移動、リンク
最初にindex.htmlを作ったのを覚えていますか？今から新しく２つのhtmlファイルを作ります。
index.htmlの時と同じ要領でpublic_htmlのフォルダ内に
a.htmlとb.htmlを作成してください。
（別の名前.htmlでも結構です。）
a.htmlの内容
<!DOCTYPE html PUBLIC"-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>HTML言語でページ間移動を可能に</title>
</head>
<body>
HTML言語を楽して習得♪<br>
<a href="b.html" target="_top">ページ移動</a>できますよ〜
</body>
</html>
b.htmlの内容
<!DOCTYPE html PUBLIC"-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>HTML言語でページ間移動を可能に</title>
</head>
<body>
HTML言語を楽して習得♪<br>
<a href="a.html" target="_blank">先ほどのページ</a>ですよ〜
</body>
</html>
これでa.htmlからb.htmlへ移動でき、
b.htmlからa.htmlを呼び出すことが出来るようになりました。
<a href="（ファイル名）.html" target="_top">〜〜〜</a>
aで囲むことで、〜〜〜の場所をクリックすると移動できます。
また、_topと_blankを紹介しましたが、
他にも_selfや_parentがあります。
ほとんどの場合、今回紹介した_topと_blankで対応可能です♪
HTML言語、違うフォルダ間の移動
今回のHTMLファイル間の移動は同じフォルダ内に、移動先HTMLファイルがないと移動できません。
public_htmlの中にidouというフォルダを作ってみてください。
idouフォルダの中にb.htmlだけを入れます。
a.htmlの"b.html"を"idou/b.html"に変更してください。
これでa.htmlからb.htmlへの移動が出来るようになります。
idou/はidouフォルダの中と言う意味です。
idouフォルダ内にb.htmlがあるため繋がります。
b.htmlの"a.html"を"../a.html"に変更してください。
これでb.htmlからa.htmlへの移動が出来るようになります。
../はひとつ上のフォルダを指します。
1つ上のpublic_htmlフォルダにa.htmlがあるので繋がります。
他に""内を"http://=www.faruzeru.com/"のようにアドレスを記入し、
移動できるようにも出来ますよ♪
他の人のホームページに繋ぐ場合は、この形式になります。
自分のページ通しを、このように繋ぐことを
ローカルリンクと言います。
ここまでが最低限のHTML言語となります。（imgを除く）
次は、いよいよスタイルシート、ホームページを飾るテクニックです♪
当サイトは全て、
手打ちのHTML言語、及びスタイルシートで作成されています。
リンク
リンクについて
リンクフリーなのです。banner画像
LINKページ
文字化け解消
管理人
profile
著作権
Copyright(C)2007-2008 ふぁるるAll rights reserved
転載禁止。
サイトの更新履歴
お世話になっている検索エンジンサイト様sponsor by 検索エンジン and ダイエット
作者情報;ふぁるる http://www.faruru.info/
