본문 바로가기

HTML5 이미지 태그

131ZIPDAN 2017. 5. 25.
반응형
HTML5 이미지 태그

- 이미지 파일을 접근할 수 있도록 폴더를 만들어 준비한다.

src 태그 : 이미지의 경로 지정

alt 태그 : 이미지가 없을 떄 나오는 글자 지정

width 태그 : 이미지의 너비 지정

htight 태그 : 이미지의 높이 지정

 <body>
 <h1>이미지</h1>
 <!--  같은 폴더에 넣은 이미지 -->
 <img src="banksy.jpg" alt="뱅크시" width="50" />
 <br />
 <!--  다른 폴더에 있는 이미지 -->
 <img src="../img/banksy.jpg" alt="뱅크시" width="80">
 <br />
 <!--  너비 300 -->
 <img src="../img/banksy.jpg" alt="뱅크시" width="100" />
 <br />
 <!--  높이 300 -->
 <img src="../img/banksy.jpg" alt="뱅크시" height="100" />
 <br />
 <!--  웹의 경로를 이용한 이미지 -->
 <img src="http://twistedsifter.files.wordpress.com/2014/07/banksy-19.jpg?w=800&h=600"
  alt="뱅크시" width="300" />
  <br/>
<!--   이미지가 없음 -->
 <img src="Nothing" alt="그림이 존재하지 않습니다." width="300" />
</body>

 

 

반응형

'Programming' 카테고리의 다른 글

JAVA 배열(Array)  (0) 2017.05.26
HTML5 공간 분할 태그  (0) 2017.05.25
HTML5 테이블 태그  (0) 2017.05.24
HTML5 글자 태그  (0) 2017.05.23
HTML5 목록 태그  (0) 2017.05.23

관련글

댓글

티스토리툴바