画像にリンクを貼る方法

画像にリンクを貼る方法、どんなタグを使ったらいいのかお教えします。

画像(写真やイラスト)の上をクリックすると、
ページに飛ぶようにしたいのですよね。

さゆりはホームページはソフトなしで作成しますので
HTMLの事は何でも聞いてね

高校一年生のころから8年やってます。

★リンクの意味を知ること。
 よく次のページへって青地になってて
 カーソルをあてるとと手が行きます。

★文字にリンクを貼る方法
 文字にも陸区はかけられます。


リンクを貼る方法

今日の作業は、文字にリンクを貼る作業です。。

「リンクをする」という意味がわからない方は、
先にこちらの記事をお読みください。

★★ ブログをリンクするとはどういうことでしょうか。

下記の2つも参考になります。

アフィリエイト(広告)のリンクの貼り方をわかりやすく説明します。

HTMLタグの文字を見ただけで、拒絶反応が起きる方は、
一気に下にスクロールして、落ち着いてじっくり読めば、
難しいことは何もありません。


文字にリンクを貼る方法

★文字にリンクを貼る方法

リンクを貼るときは、このように リンクをかける文字列
「リンクします」という意味のタグです。

タグの始まりは < を書き、そのあとに、a(リンクする) という指示(これを要素という)を書き、リンク先はここです、 リンクをかける文字はこれなんです、 パソコンにわかるように記し、最後に「リンクの指示 (a という要素)を終わります」という意味で  と書きます。

文字の代わりに、画像を指定すればその
画像にリンクを貼ることができます。

同じ方法です。

FC2ブログの画像にリンクする方法

FC2ブログの画像にリンクする方法を書きますが。
他かのブログでも同じです。

ステップ 〇画像をサーバーにアップする

記事に入れる画像と同じように、
「ファイルアップロード」から画像をアップロードします。

わからなければメールください。

〇画像にリンクを貼る

画像にリンクを貼るときは、テキストにリンクを貼る時の、
テキストの部分を画像のURLのに変えるだけです。

このように記述します。
↓ ↓ ↓
画像の保存してあるところ

リンク先が開きます。
新規のウインドウやタブに飛ばしたいときは、target=”_blank” 
という属性を追加してください。

☆属性について

属性って何。
と思うかもしれませんが、
HTMLのタグの中に入っているものが属性なんです。

の場合、最初の a や img が 要素の名前、href や
src、alt は属性と呼ばれます。


は改行するタグです。

実際の表示はこうなります。

⇒トップページへ

さゆりにメールください。
詳しくお教えします。
↓ ↓ ↓