HTML-이미지추가

임재헌·2023년 3월 24일

HTML

목록 보기
5/22
<!DOCTYPE html>   
<html lang="ko"> 
<head>
       <title> 이미지추가 </title> 
    </head>
    <body>
       <!-- 이미지(.jpg .png .gif) 추가
              <img src="경로명+파일명">
              <img src="경로명+파일명"/>
       
       1.상대 경로 문서가 형재 저장된 폴더를 기준.
        :frontend/html
        images/     현재 폴더 안에서 하위폴더 images
        ./images/   현재 폴더 안에서 하위 폴더images
        ../images/  현재 폴더의 상위폴더 images
        ../../iamges/   현재 폴더의 상위의 상위폴더 images
            ../ 상위 폴더에서 찾아라


       2.절대 경로  웹 프로젝트의 홈 디렉토리 시작
        http://itwill.com/   --> 

       <img src="../images/apeach.png">
        <hr>
        <img width="600pt" height="500pt" src="http://t1.daumcdn.net/friends/prod/editor/dc8b3d02-a15a-4afa-a88b-989cf2a50476.jpg">
        <br>
        <img width="50%" height="50%" src="https://www.codingfactory.net/wp-content/uploads/abc.jpg" >
        
       <!--크기의 기준은 가로-->
        <img width="30%" src="../images/b_con.png">
        
        <!--테두리선-->
        <img src="../images/devil.png" border="3px">
        <img src="../images/devil.png" border="0">
    </body>
</html>

0개의 댓글