linkの使い方

演習課題

別ページでリンクを開く

  • テキストリンクと画像リンク


テキストリンクのサンプル
Googleの検索はこちらから


画像リンクのサンプル
http://google.com/



ソースコード

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>link</title>
</head>
<body>
<h1>大見出し</h1>
<p>本文本文本文本文本文本文本文</p>


<p>Googleの検索は<a href="http://google.com" target="_blank">こちら</a>から</p>
<p><a href="http://google.com" target="_blank"><img src="glass.jpg" width="400" height="250" alt="眼鏡"></a></p>


</p>
</boby>
</html>

Firefox,Chrome各ブラウザでの表示


Firefox



Chrome