HTMLタグでホームページ作成(SEO対策) そのH リンクを貼ろう。

リンクを貼ることにより、関係するホームページへ飛べるようにする。
自分のホームページの補助的役割。
ただし、他のホームページへリンクを貼るときはリンクがOKか確認必要。

前回は表を挿入してみた。

今度は他のホームページへリンクを貼ってみる。
ただし、リンクには許可が必要な場合があるため、注意書きを読んでおこう。
sample10.html

<HTML>
<HEAD>
<TITLE>
ホームページの作成方法
</TITLE>
</HEAD>
<BODY>
<H1 ALIGN="CENTER">社長になりたい日記</H1>
<H2 ALIGN="CENTER">社長を目指すため汗みず働く平社員の物語</H2>
<P ALIGN="RIGHT">;更新日 2009.3.15</P>
<HR>
<P>3月10日</P>
<P>
今日は会社であった。最近、<BIG><BIG>定時上がり</BIG></BIG>ではあるが、仕事が詰まっており、苦しんでいる
。<BR>
しかし、家に持ち帰って<S>サービス残業する気はない。</S><BR>
会社は会社。自宅は自宅。<BR><BR>
<SMALL>建前はそうなんだけどね。。</SMALL>
</P>
<HR>
<P>
3月11日
</P>
<P>
今日も会社。<STRONG>早く週末にならないかな。</STRONG><BR>
今週はどこいこうかな。<BR>
残念ながら、<B>家計</B>が<I>財政難</I>で<U>遠出</U>は無理だけど、考えてみるか。<BR>
</P>
<HR>
<P>
3月13日
</P>
<P>
今日は金曜日。定時の日だ。といっても、最近は残業禁止だ。<BR>
<DIV ALIGN="LEFT">
<IMG SRC="yuuhi.jpg" ALT="夕日" WIDTH="320" HEIGHT="240" BORDER="1"><BR>
</DIV>
何気に携帯で撮ってみた。<BR>
夜遅くの残業もなくなってしまったなぁ〜。<BR>
</P>
<HR>
<P>
<TABLE BORDER="1" ALIGN="CENTER">
<CAPTION ALIGN="TOP">今週の残業予定</CAPTION>
<TR ALIGN="RIGHT" VALIGN="TOP">
<TD ALIGN="CENTER">日付</TD>
<TD>3/16</TD>
<TD>3/17</TD>
<TD>3/18</TD>
<TD>3/19</TD>
<TD>3/20</TD>
</TR>
<TR ALIGN="RIGHT" VALIGN="TOP">
<TD ALIGN="CENTER">残業時間</TD>
<TD>2</TD>
<TD>2</TD>
<TD>2</TD>
<TD>2</TD>
<TD>0</TD>
</TR>
</TABLE>
</P>
<HR>
<P ALIGN="CENTER">リンク集</P>
<P ALIGN="CENTER">
<A HREF="http://www.yahoo.co.jp/">YAHOO!JAPAN</A><BR>
<A HREF="http://www.google.co.jp/" TARGET="_new">GOOGLE</A><BR>
</P>
<HR>
</BODY>
</HTML>

リンクを貼る時は以下のタグを使用する。
<A HREF="リンク先">名称</A>

このままだと、現在のWindowがそのまま、リンク先に変わる。


<A HREF="リンク先" TARGET="_new">名称</A>
TARGET="_new"を入れることにより、新しくWindowを開くことができる。


サンプルソースをダウンロードできます。

以上でリンク作成方法完了。

次は自分で作成した複数のホームページでリンクで連結しよう。


実践!ホームページ作成TOP