イメージボタン

「button」タグによるイメージボタン
「input type="image"」タグによるイメージボタン
記事へ戻る --- 愚鈍人ホーム
JavaScriptの参考書 ／  Ajaxの参考書 ／  HTMLの参考書 ／  CSSの参考書

 

htmlソース

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>イメージボタン</title>
<link href="/gudon/css/default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h1>イメージボタン</h1>
<hr />
<form action="test1.php">
	<button style="cursor: pointer;">
		<SPAN style="vertical-align: middle;">
			<img name="image1" src="/gudon/images/sample/gudon.GIF"
				style="vertical-align: middle;"/>
			イメージボタン
		</SPAN>
	</button>「button」タグによるイメージボタン<br>
	<input type="image" src="/gudon/images/sample/buttom_sample.png" />「input type="image"」タグによるイメージボタン
</form>
</body>
</html>