ホームページ キッチントップへ
Q&Aマップ | サイトマップ
フリー素材ホームページ HTML レシピホームページの配色ホームページ作成 環境ホームページ作成 ソフト
ホームページ キッチントップへ

-- やすあがりレシピ --
画像をいれてみよう


 HTMLソース

<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<title>cafe</title>
</head>
<body bgcolor="#ffffff" text="#666666" link="#b34d1a" vlink="#b3801a" alink="#cc004d" background="images/bk.gif" style="background-repeat:repeat-x;">

<div align="center">

<br><br><br><br>

<table border="1" width="500" cellspacing="0" cellpadding="0">
<tr>
<td width="250">
<div align="center">
<img src="images/title.gif" width="200" height="194" border="0" alt="welcome"></div><br>

メモ帳で作る「やすあがりレシピ」のデザインサンプルです。<br><br>早速メモ帳を起動してやってみよう。</td>
<td width="50">これは余白</td>
<td width="200">メニューボタンを入れる</td>
</tr></table>
</div>

</body>
</html>

img src=で画像ファイルを指定して画像を配置します。images/title.gifは、imagesフォルダの中に入っているtitle.gif画像、という意味です。

widthは画像の横幅、heightは画像の縦幅、altは画像が表示されない場合に代わりに表示されるテキストです。

配置した画像をセンタリング( <div align="center"> )して、改行( <br> )を一つ入れています。


|<前のページへ 次のページへ>|


| レシピトップへ |
| ホームページ作成TOP |
-- CopyRight(C) ホームページキッチン 2006 Haruyo --