반응형
HTML 이미지를 불러오기 위한 속성 값은 src 코드를 사용하며, 링크로 불러올 수 없을 시 대체 태그는 alt로 표현됩니다. 또한 HTML CSS 이미지 너비를 조절하는 속성 값은 width로 표현되고, 높이는 height 를 사용하여 나타냅니다.
이제부터는 예시를 통해서 살펴보겠습니다.
1. HTML 이미지 불러오는 속성 값 src
<p> 이 부분은 본문 내용입니다.
<img src="images/bonobono.jpg">
이미지를 삽입하는 방법은 <body> 태그 안에 <img src 를 꺾새 안에 넣는 것 입니다. 주소는 .html 파일을 기준으로 그 사진 파일이 어디에 위치하고 있는지 ! 그 위치를 입력해주시면 됩니다.
2. HTML 이미지가 없을 경우, 불러오는 속성 값 alt
<p> 이 부분은 본문 내용입니다.
<img src="images/bonobono.jpg" alt="Nothing">
이제 우리가 지정해준 보노보노 사진이 없을 경우 그냥 출력이 안 되고 마는 것이 아니라, alt를 통해 그 공백을 Nothing 이라는 글자로 나타낼 수 있습니다.
3. HTML 높이/ 너비 속성 변경하는 값
<p> 이 부분은 본문 내용입니다.
<img src="images/bonobono.jpg" alt="Nothing" width="200" height="200">너비라는 단어를 뜻하는 것인 width 를 작성해주고, 그 이후 숫자를 적어주시면 됩니다. 마찬가지로 높이를 뜻하는 height를 작성하시고 그 뒤에 "숫자" 를 적어주시면 됩니다.
저의 아주 작은 티끌 코딩 글이 블로그 방문자 님의 작업에 도움이 됐으면 좋겠습니다.
좋아요(❤) 버튼 ↙은 항상 감사합니다.
방문하신 모든 분들 좋은 하루 되세요 : )
반응형
'Programming Language > HTML & CSS (웹 개발 관련)' 카테고리의 다른 글
| [HTML CSS] 이미지와 텍스트 테두리 및 line style 적용하는 방법은? (0) | 2021.07.19 |
|---|---|
| [ HTML ]링크 텍스트 클릭 전/ 후, 커서 밑 색깔 변화 & 링크 부분 밑줄 없애려면 ???(HTML CSS 링크 컬러 속성) (0) | 2021.07.09 |
| [ HTML ] 링크를 클릭했을 때 새 창이나, 새 탭에서 열리게 하려면 어떤 코드를 작성해야 하나요?? (0) | 2021.07.05 |
| html 주석( 코맨트 : Comment) 과 인용( Quotation ) 은 어떻게 작성해야하나요 ??? (0) | 2021.07.04 |
| [ html / css ] 텍스트 취소선 , 밑줄 , 윗줄 그리고 텍스트 배경색은 어떻게 해야할까요 ??? (0) | 2021.07.03 |
