初級HTML,CSS作成講座

~初級HTML,CSS作成講座~

HTML

■他ページにリンクを貼る(ハイパーリンク)

target属性　リンクを起動した時のページの開き方を指定できます。
　　　　　　種類　_self　現在のウィンドウで開きます。デフォルトで、空白で指定した時もこれになります。
　　　　　　　　　_parent　インラインフレームの中など、親のページがあるときにそのリンクをクリックすると、フレ
　　　　　　　　　ームを組み込んでいるページがリンク先のページに置き換わることになります。
　　　　　　　　　_top　フレーム等の中でもクリックしたページに全体が置き換わります。
　　　　　　　　　_brank　新しいタブ,ウィンドウで開きます。タブに対応しているブラウザーなら新しいタブです。
リンクを指定するときに、現在のフォルダから深い階層に移動するときはURLの省略が出来ます。
また、リンク先の index.html または index.htm に移動するときは index.html , index.htm を省略できます。
　　例　http://abcd.com/ から http://abcd.com/html/text/index.html に移動
　　<a href="html/text">……</a>
現在のフォルダから1つ前の階層に移動する場合も省略できます。
　例　http://abcd.com/html/ から http://abcd.com/ に移動
　<a href="../">……</a>
現在のフォルダ内で移動するときはファイル名だけでOKです.

■アンカーを作る

下の方に作成

id属性で指定することも可能です。
例<h2 id="title">HTML,CSS講座</h2>
アンカー名は半角英数で、同ページに2つ以上同じ名前は指定できません。

■指定したアンカーに移動

一番下に移動

上の方法で指定した場所に移動できます。
当然、移動したい場所のアンカー名と同じにする必要があります。

■メールのリンク

応援メールでも。

起動するメーラーは各自PCのデフォルトのものです。
デフォルトが設定されてない場合や持っていない場合はエラーが表示されたり何も変化がなかったりします。

■メールに件名と内容を設定

内容と件名に｢テスト｣を設定

当然 a href="mailto:メルアド?subject=件名だったら件名のみの指定になります。

■リンクの文字の色を変える

link="色"
vlink="色"
alink="色"

body要素の中に入れます。
linkは通常時の色　vlinkは訪問済みの色　alinkはクリック中の色です。

CSS

◆リンクの文字の色を変える

a:link { color : 色;}
a:visited { color : 色;}
a:hover { color : 色;}
a:active { color : 色;}

linkは通常時　visitedは訪問済み　hoverはポイント時　activeは選択中の色です。
この順序が変わると正常に表示されない可能性があります。

戻る

2つ目の方法で指定した場所