TILサイトに画像を入れます.



サイトに画像を挿入するには:

  • HTML->imgタグを使用する方法
  • CS->divラベルにbackground-imageを追加するには、
  • を実行します.

    1.imgタグの使用->HTML

    <img src='이미지 경로' alt='이미지의 대한 정보'> 
    imgタグのためのsrcが削除されたり、無効な画像アドレスの場合、altで画像の代わりにテキストが表示されたりします.

    2.背景-画像属性をdivタグ->CSSに追加する方法

    <div class='bg-img'>배경이미지</div>
    上に画像としてコードされた領域を作成します.
    .bg-img {
    	background-color: 색깔;
        background-image: url(이미지 주소)
    }
    上のbg-imgクラスでは、色、住所、サイズなどを調整できます.

    3.背景-画像属性をimgタグとdivタグの違いに追加

  • 区別:altの有無
  • 🥕 整理TIL

  • 画像は、HTMLimg
  • タグを使用してコンテンツを理解するのに役立つ
  • イメージがユーザのコンテンツの理解を助ける必要がない場合、CSSbackground-imageおよび
  • が使用される.

    🍖 またお聞きしましょう。


    Semantic WebとSemantic Tagについて

    --- reference ---

  • https://mygumi.tistory.com/369
  • https://su1993.tistory.com/13