2020年12月23日水曜日

HTMLで画像やリンクを張る

画像を張る

  • imgタグ
  • 画像を挿入します。
    <img src="https://画像ファイルのURL">
    「class="img-responsive center-block"」を追記とすると、ウインドウサイズに合わせて画像を表示することができる。

  • aタグ
  • 文字をクリックすると他のwebサイトにアクセスします。
    <a href="https://リンク先のURL" target="_blank">ジャンプ</a>

    OKボタンをクリックすると他のwebサイトにアクセスします。
    <a class="btn btn-primary" href="http://リンク先のURL" target="_blank">OK</a>

    画像ファイルをクリックすると他のwebサイトにアクセスします。
    <a href="https://リンク先のURL" target="_blank"><img src="https://画像ファイルのURL"></a>
    「target="_blank"」を追記すると、リンク先のページを別のウインドウで開くことができる。

0 件のコメント:

コメントを投稿