トップページ 利用規約 掲示板 ランキング 初心者説明 質問集 リンクする 相互リンク
タグの説明 テーブルタグ スタイルシート 色の見本 素材屋リンク 作成リンク WEBスペース レンタルリンク
HTMLタグの紹介
htmlタグとはホームページを作っている文字を表します。ホームページを作るときにはかかせないもので、ホームページはこのタグの集まりによってできています。タグは「 < 」 「 > 」←このようなカッコで囲まれており、このカッコの中に間に下のような字を入れることによって効果が反映されます。
全体 <body>
タイトル <title>
改行 <br>
段落 <p>
横罫線 <hr>
センター <center>
範囲 (部分) <span>
範囲 (1行) <div>
見出し <h数>
リンクする <a href=" ">
画像表示 <img src=" ">
メール <a href=" ">
コメント <!--  -->
字を太字 <b>
字をイタリック <i>
字を等幅 <tt>
字に下線 <u>
字に取消し線 <s>
字を上付き <sup>
字を下付き <sub>
字を強調 <strong>
字を大きく <big>
字を小さく <small>
字の大きさ <font size=" ">
字の色 <font color=" ">
字の種類 <font face=" ">
表 <table><tr><td>
表背景に画像 <table>
マークリスト <ul><li>
数字リスト <ol><li>
説明リスト <dl><dt>
1行フォーム <input type=" ">
パスワード <input type=" ">
送信、リセット <input>
テキストエリア <textarea>
ラジオボタン <input type=" ">
チェックボタン <input type=" ">
メニュー <select>
リストボックス <select>

リンクする <a href="リンク先">

リンクをする
タグ <a href="リンク先">ここに文字</a>
通常ここに文字
結果ここに文字
解説<a href="リンク先">の「リンク先」の部分をリンク先アドレス、もしくはファイル名などを指定するとそのページに飛びます。
上の見本の「結果」をクリックするとyahooのホームページに飛びます。これは「リンク先」の所に「http://www.yahoo.co.jp/」とyhooのホームページアドレスを入れたからです。自分のサイトの違うページに行くときはファイル名「○○○.html」という風に記入します。「○○○」はファイル名で「.html」は種類(拡張子)です。

リンクの色を変える
解説 <body> タグの所で全体のリンク色を変えれます
スタイルシートを使えば部分的なリンク色も変えれます。

ターゲットを指定する
タグ <a href="リンク先" target="_top">ここに文字</a>
通常ここに文字
_topここに文字
_blankここに文字
解説 フレームがあるサイトは他のフレームがが残ってしまうときがあります。これは表示されているページしか リンク先にいけていないということです。 なので、 リンクタグに target="_top" を付け加えます。 するとフレームで分かれているメニュー画面を含めて全体がリンク先に飛びます。 target="_blank" とすると新しいウィンドウでリンク先を開きます。target="フレーム名" と、フレーム名で指定することも可能です。 フレーム名はフレームを作るときに名前をつけれます。

同じページ内にリンク
タグ <a name="名前"></a>
結果ここに文字
解説 上のリンクをクリックすると同じページの一番上に戻ります。
同じページ内で、 <a name="名前"></a> と書いた場所に移動ができます。 まず「名前」の所に適当に名前を書いておきます(下図の赤文字) そして、リンクするためにリンクタグのリンク先を書く所に「#」と、決めた名前をいれて (下図の青文字)、リンクタグで囲ってる「上に戻る」をクリックすると 指定した場所に移動できます。
違うページの指定した場所に移動するには <a href="ページ名#AAA">リンク</a> と、「#」の前にページ名を足してください。
見本:<a href=M02.html#1>リンク</a>
結果:リンク

 ホームページタイトル
<html>
<head>
<title>サンプル</title>
</head>
<body>
<a name="AAA"></a>
<br>
<br>
ここから文章が表示されます
<br>
<br>
<a href="#AAA">上に戻る</a>
</body>
</html>

▲目次へ

お役立ちリンク集: sozai-R 素材NAVI イラスト素材プチッチ HP作成無料 ホームページ制作会社 ジェバアーツ 格安ホームページの制作屋