TempNateトップへ > HP作成ノウハウ > リンクする方法

リンク表示タグ

<a>~</a> これはリンクを表示するタグです。リンクとは、他のページへ移動できる様にする事です。

テキストや画像に <a> というタグをつける事で、他のページへリンクできます。移動したいページのアドレスを入力します。

 

リンクを設定したい

下記のタグでリンクを表示できます。

 

●HTMLソース

<a href="html_link.html">あいうえお</a>

あいうえお


 

テキストリンクの色を指定する


フォントタグを使用すれば、リンクの色を指定できます。

●HTMLソース

<font color="#004080"><a href="html_link.html">あいうえお</a></font>

あいうえお

 

 

新しいウィンドウにリンク先を表示したい

target="_blank" ( 別ウインドでページが開きます)

こちらの属性を記載すると、リンクをクリックした時に、別のウインドウが立ち上がって、ページが表示されます。

 

* これに対して、ウインドはそのままでページだけ移動させたい場合は、parent を指定します。

<a href="http://●●●" target="_parent"> (ウインドはそのままでページだけ移動)

 

 

メールを送信できるリンクタグの方法

<a href="mailto:メールアドレス">メールアドレス</a> (これでメールを送信できます)

お問い合わせなどで、メールアドレスを記載しておいて、クリックしてもらえば、自動的に「Microsoft Outlook」などのメールソフトが立ち上がる様に指定できる方法です。

 

●HTMLソース

<a href="mailto:info@tempnaaaaat.com">info@tempnaaaaat.com</a>

info@tempnaaaaat.com

●この方法で、メールを送る事ができます↑

 

 

HTMLのカスタマイズ方法

HTMLとは?

DOCTYPE(文書構造の定義)

HTMLの詳細について(SEO内部要素)

フォントについて

画像表示タグ

リンク表示タグ

著作権リンクを表示する (←次へ)

メニューなどのリストを表示したい

テーブルについて

スタイルシートを指定する

 

CSS(スタイルシート)のカスタマイズ方法

スタイルシートについて

CSSの要素名について

CSSの構成について (画像で解説

padding(内側の余白を指定する方法)

margin(外側の余白を指定する方法)

border(線の太さや、色を指定する方法)

wideth(ボックスの幅を指定する方法)

height(ボックスの高さを指定する方法)

background-color: #004080; (ボックスの背景の色を指定する方法)

font-size (文字サイズを変更する方法)

text-align(行揃えを指定)

font-family(文字の種類を指定)

letter-spacing(字間や行間を指定)

color (リンクの色を指定する方法)

float(回り込みを指定する方法)

 

その他のホームページ基礎知識について

Webプログラミングの種類

人気のWebアプリケーションについて

インターネット広告の種類について

ホームページ運営上の注意点など

 

ホームページビルダーを使用した場合のHP作成方法

ホームページビルダーでのホームページ作成方法

ホームページビルダーのHPテンプレート編集方法

 

alpha Edit を使用した場合のHP作成方法

alpha Edit でのホームページ作成方法

alpha Edit のHPテンプレート編集方法

 

メモ帳などのエディターソフトを使用した場合のHP作成方法

メモ帳などのエディターソフトを使用した場合のホームページ作成方法