ホームページ制作/SOHO/福岡
Eメール tk-1980@mx4.et.tiki.ne.jp
メニュー
トップページ
HTMLの基本
HTMLとは
書き方の基本
ファイル名について
よく使うタグ
テーブルでレイアウト
基本
特殊なテーブル
ホームページ作成
スタイルシート
スタイルシートとは
背景
小技集
テーブルでレイアウト
ホームページ作成

サンプルホームページの写真のページを作ります。

タイトル、ボタンは、トップページと同じなので、本文の部分だけ作成します。

1行2列のテーブルで作っています。
valign="top"で表示位置をトップにします。

<table>
<tr>
<td valign="top"><img src="gazou/shasin.gif"></td>
<td valign="top">写真をクリックで拡大写真を開く</td>
</tr>
</table>

写真をクリックで拡大写真を開く

拡大写真用にもう一つHTMLファイルを作ります。
画像を表示させるだけでいいので、簡単に出来ます。
ファイル名は適当に。サンプルでは「photo.html」としています。

<html>
<head>
<title>写真</title>
</head>
<body>
<img src="gazou/shasin.gif">
</body>
</html>


クリック


画像を今作ったHTMLファイルとリンクさせます。
リンクのタグ<a href="">を使います。
target="_blank"で別ウインドウを開くようにします。

<table border>
<tr>
<td valign="top"><a href="photo.html" target="_blank"><img src="gazou/shasin.gif"></a></td>
<td valign="top">写真をクリックで拡大写真を開く</td>
</tr>
</table>

写真をクリックで拡大写真を開く


トップページ、プロフィールページと同様に、本文の部分に挿入します

クリック

適当なファイル名(ここではsapho.html)で保存します。


最後にすべてのページをリンクさせます。


次へ
戻る

△△ページトップへ△△

[HP制作][HP講座][日記][サイトマップ][掲示板]
ホームページ制作代行サービス 流文-nagarefumi-
Eメール tk-1980@mx4.et.tiki.ne.jp