예제 2-11. <img> 태그로 이미지 삽입
WEB/HTML5-CONCEPT 2017. 11. 4. 18:36 |1 2 3 4 | <img src="이미지 파일의 URL" // 이미지 파일의 URL 필수 속성 alt="문자열" // 이미지가 없거나 손상되는 등 이미지를 출력할 수 없는 경우 출력되는 문자열 width="이미지 폭" height="이미지 높이"> | cs |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>이미지 삽입</title> </head> <body> <h3>이미지 삽입</h3> <hr> <p> 엘비스 프레슬리의 사진입니다.</p> <img src="media/Elvis1.jpg" width="150" height="200" alt="Elvis"> <img src="media/kitae.jpg" width="80" height="100" alt="황기태사진없음" > alt="사진 주소 변경됨" width="100" height="100"> </body> </html> | cs |
'WEB > HTML5-CONCEPT' 카테고리의 다른 글
| 예제 2-15. 정의 리스트 만들기 (0) | 2017.11.04 |
|---|---|
| 예제 2-12. <ol>로 라면 끓이는 순서나열. 예제 2-13. <ul>로 좋아하는 음식 나열. 예제 2-14. 중첩 리스트 만들기. (0) | 2017.11.04 |
| 예제 2-10. <div> 블록과 <span> 인라인 (0) | 2017.11.04 |
| 예제 2-9. 텍스트 꾸미기 (0) | 2017.11.04 |
| 예제 2-8. <pre>태그로 개발자의 포맷 그대로 출력 (0) | 2017.11.04 |