-
이미지 태그프로그래밍/HTML&CSS 2022. 8. 21. 11:06728x90
이미지 태그 <img>를 사용하면 원하는 이미지 삽입이 가능하다.
<img src=”이미지가 위치하는 주소 또는 파일 경로” alt=”이미지를 대신할 문자”><!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>이미지</title> </head> <body> <h2>이미지</h2> <!-- 절대 경로 --> <img src="https://t1.daumcdn.net/daumtop_chanel/op/20200723055344399.png" alt="다음로고"> <hr> <!-- 상대경로--> <img src="./fruit1.png.png" alt="과일 이미지1"> <hr> <img src="./img/fruit2.png.png" alt="과일 이미지2"> </body> </html>
728x90'프로그래밍 > HTML&CSS' 카테고리의 다른 글
하이퍼링크 태그 (0) 2022.08.21 테이블(table) 태그 (0) 2022.08.21 목록(list) 태그 (0) 2022.08.20 HTML5 문서 구조 (0) 2022.08.20 텍스트(Text) 관련 태그 (0) 2022.08.20