JavaScript

これをやりました!

テスト

>|html|

<!DOCTYPE HTML>

<html>
<head>
<meta charset="utf-8">
<title>イベントハンドラ:onclick</title>
<style>
p {
text-align: center;
}
p img {
cursor: pointer;
}
</style>
</head>
<body>
<p><img src="../0929/img/01.jpg" alt="アイスランドの写真" onclick="alert('アイスランドの写真です!')"></p>
</body>
</html>

||<

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>イベントハンドラ:onmouseover</title>
<style>
p {
text-align: center;
}
p img {
cursor: pointer;
}
</style>
</head>
<body>
<p><img src="../0929/img/02.jpg" alt="アイスランドの写真" onmouseover="alert( 'アイスランドの町並みの写真です!' )"></p>
</body>
</html>

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>イベントハンドラ:onload</title>
</head>
<body>
<p><img src="../0929/img/02.jpg" alt="アイスランドの写真" onload="alert( 'アマルフィの写真です!' )")"></p>
</body>
</html>

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>イベントハンドラ:oncllick</title>
<script>
function func() {
window.alert( 'アイスランドの町並みの画像です!' );
}
</script>
<style>
p {
text-align: center;
}
p img {
cursor: pointer;
}
</style>
</head>
<body>
<p><img src="../0929/img/02.jpg" alt="アイスランドの写真" onclick="func()"></p>
</body>
</html>

||<