HTML入門(2)


◆リンクに関するタグ

■他のページにリンクする

HTMLソース
結果
<a href="index.html">TOPへ戻る</a> TOPへ戻る


■E-mailアドレスをリンク先として設定する

HTMLソース
結果
<a href="mailto:abc@abc.abc.ne.jp">メールはこちらから</a> メールはこちらから


■リンク形式を指定する

A要素にtarget属性をつけることで、リンク先のページの表示形式を指定することができます。

・主なtarget属性

_blank

新しいウィンドウを開いて、リンク先のページを表示します。外部サイトへのリンクに使用されることが多いです。

_top

フレーム(複数のページを組み合わせて、1つのページのように表示するもの) を解除して、リンク先のページを画面全体に表示します。外部サイトへのリンクに使用されることが多いです。

HTMLソース
結果
<a href="index.html" target="_blank">TOPへもどる</a> TOPへもどる



◆画像に関するタグ

画像を表示するには、以下のように記述します。

<img src="ファイル名">

■画像のサイズを指定する

<img src="ファイル名" width="100" height="50">

※width=幅、height=高さ を指定します。

■画像を背景に使用する

<BODY background="ファイル名">

※属性値 background は画像を繰り返し表示します。



◆テーブル(表)に関するタグ

<table border="枠線の太さを指定(0〜7)">
<td> セル1 </td>
<td> セル2 </td>
<tr> ←テーブル内で改行
<td> セル3 </td>
<td> セル4 </td>
</table>
セル1 セル2
セル3 セル4


※枠線の太さは1に指定してあります。


■幅を指定する
<table border="枠線の太さを指定(0〜7)" width="テーブルの幅を指定">
<td> セル1 </td>
<td> セル2 </td>
<tr> ←テーブル内で改行
<td> セル3 </td>
<td> セル4 </td>
</table>
セル1 セル2
セル3 セル4


※枠線の太さは1に指定してあります。


■高さを指定する
<table border="1" width="450" height="100">
<td> セル1 </td>
<tr>
<td> セル2 </td>
</table>
セル1
セル2






HOME HTML入門 アクセスアップ対策(SEO)
ホームページ制作を学べる講座・学校 ホームページ制作関連の資格 Alt属性
ホームページ制作に役立つソフト 無料ホームページスペース 便利なブログ
ホームページ制作とファイル形式 ホームページ制作に必要な言語 スタイルシート(css)入門
パソコン用語集 リンク集 サイトマップ


Copyright ホームページ制作実践講座 Web Plus Allrights Reserved 2006-2008.