More than 5 years have passed since last update.

HTMLタグ_3 リンク画像

Last updated at 2019-04-29Posted at 2019-04-20

#リンク
<a href = "リンク先"> 表示内容　</a>

###記述例


<a href = "# AAA ">    </a> 　　　　　同じ文書内のAAAという場所へリンク
<a href = "lesson.html"> レッスンへ </a>　　　別のページへリンク
<a href = "lesson.html　#AAA "> レッスンへ AAA </a> 　　別のページの途中へリンク
<a href = "https://google.com" > googleへ　</a>　　　　外部リンク
<a href = "https://google.com　＃ AAA" > googleへ　</a>　　　　外部リンクの途中へ

###ページ内のリンク

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>HTML入門</title>
  </head>
  <body>
    <h1　id = "top">最初</h1>　　　id属性を指定する。
    <p>こんばんは </P>
    <a href = "#top" >最初に戻る　</a>　  
  </body>
</html>

#画像

< img src = "画像ファイル名" >

###記述例

<img src="apple.gif" alt="りんご">
//alt属性　画像が表示されない場合、テキストが表示される

#target
##a要素に target="" を追加すると、リンク先の文書をどのフレーム（ウィンドウ）に表示するかを指定できる

target="_blank"   //新規のウィンドウに表示
target="_self"   //現在のフレーム（ウィンドウ）に表示
target="_parent"  //親フレームに表示
target="_top"    //フレーム分割を解除してウィンドウ全体に表示
target="フレーム名、ウィンドウ名"  // 任意のフレーム（ウィンドウ）に表示

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up

HTMLタグ_3 リンク 画像

HTMLタグ_3 リンク画像