본문 바로가기
HTML_CSS

HTML- img 태그

by le_piee 2020. 5. 2.

안녕하세요.

html에서 이미지를 삽일 할 때에는,

img태그를 사용합니다.

 

이미지 태그는 크게 두가지로 리소스를 연결 할 수 있습니다.

 

내부 이미지와 외부 이미지로 연결을 할 수 있습니다.

 

자세한 사항은 예제 소스를 보면서 이해 하시는게 빠를 것 같습니다.

 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-9"/>
        <title>img tag</title>
    </head>
    <body>
        <!-- ./ 현재폴더-->
        <!-- ../ 한 단계 상위 폴더-->
        <!-- / 하위폴더-->
        <img src="./1.jpg" alt="기본 배경 사진" width="500" height="500"/><!--내부 이미지-->
        <!--외부 이미지-->
        <img src="https://cdn.pixabay.com/photo/2020/04/14/11/16/fox-5042210__480.jpg"/>
    </body>
</html>

'HTML_CSS' 카테고리의 다른 글

bootstrap - Grid System  (0) 2020.05.30
Bootstrap (1) _소개 및 설치  (0) 2020.05.30
HTML- link태그  (0) 2020.05.02
HTML - list 출력  (0) 2020.05.02
HTML - P태그,i태그, b태그, strong태그  (0) 2020.05.02