💾이미지(Image)

웹사이트에 이미지를 넣고 싶다면 img 태그를 사용하자!

<img alt="HTML" src="https://www.w3schools.com/whatis/img_js.png">

속성 설명
- alt : 이미지를 불러올 수 없을 때 대신 보여줄 텍스트.
- src : 이미지 파일 경로 또는 url 주소.
*url : 'uniform resource locator'

💿이미지 크기 조절하기

html 내부에서 속성으로 조절할 수도 있지만
css에서 작성하는 것이 바람직함!

img {
	width: 50px;
}

💿CSS로 이미지 넣기

<div class="bgImg">배경이미지</div>

.bgImg {
	background-color: yellow;
    background-size: 100%;
    width: 300px;
    height: 300px;
    background-image: url("https://upload.wikimedia.org/wikipedia/commons/thumb/6/61/HTML5_logo_and_wordmark.svg/1280px-HTML5_logo_and_wordmark.svg.png");
}    

*div 태그의 특징
요소가 존재하면 화면 전체가 태그의 너비.
하지만 높이는 요소의 높이만큼만.