티스토리 뷰

Programming/HTML

HTML #5 : <img>태그

copotter 2019. 4. 26. 21:20

190423


이미지파일을 첨부할 때 사용하는 <img>태그입니다.


<img> 태그

- img태그를 사용하면 이미지를 표시할 수 있다.


- <img src="이미지 파일 경로" alt="이미지에 대한 설명"

    width="이미지의 폭" height="이미지의 높이"/>


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>image</title>
</head>
<body>
    <h1>이미지 표시하기</h1>
    <h2>프로젝트 내의 리소스 사용</h2>
    <p>
        <img src="images/04.jpg" width="200" height="200" alt="공차"/>
        
        <img src="images/05.jpg" width="200" height="200" alt="고양이"/>
        
        <img src="images/03.jpg" width="200" height="200" alt="남산타워"/>
    </p>
    
    <h2>외부 리소스 사용</h2>
    <p>
        <img src="http://post.phinf.naver.net/MjAxOTAzMTFfMjEy/MDAxNTUyMjgxOTY5NDY0.
ohSJwFziBV2-Nbb9Ng4te7FBq3jbcms15vsSrStFQ80g.wMgmcm6df4P1Utx8jR5y-eeicoypvboDYTg9x9Ws5Uog.PNG/
IWbETNM4BuLhcL2kiFH8zijdj5NU.jpg" alt="어벤져스:앤드게임"/>
    </p>
</body>
</html>
cs



< 실행 결과 >



저작자표시 (새창열림)

'Programming > HTML' 카테고리의 다른 글

HTML #7 : 텍스트 강조 태그 (<strong>, <em>, <i>, <b> 태그)  (0) 2019.05.01
HTML #6 : <link> 태그  (0) 2019.05.01
HTML #4 : <li>태그, <ul>태그, <ol>태그, <table>태그  (0) 2019.04.26
HTML #3 : <p> 태그, <h#>태그, 기본 태그  (0) 2019.04.26
HTML #2 : HTML의 기초  (1) 2019.04.25
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG more
«   2025/08   »
일 월 화 수 목 금 토
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31
글 보관함