[HTML5] target 속성과 src 속성에 대해 자세하게 알아보자

target 속성과 src 속성을 자세하게 알아보자

---

 

 

 

target 속성

• target 속성은 a 태그로 링크를 생성할 때 대상이 연결 되는 방식을 지정합니다.
• 속성값으로 _blank, _parent, _self, _top 을 사용할수 있습니다.
• 가장 많이 사용 하는 것은 _blank 로 알려져 있습니다.

 

target 속성값

•  _blank 는 새 창으로 열리는 방식입니다.
• _parent 는 기존창의 부모 창에서 새 창이 열리는 방식입니다.
• _self 는 기존창에 그대로 웹페이지를 여는 방식입니다.
• _top 은 현재 열려져있는 창의 최상위 인터넷 창에서 열리는 방식입니다.

 

 

src 속성

• src 속성은 삽입하려는 이미지의 경로를 입력하는 속성입니다.
• 여기서 이미지 경로를 현재 폴더로 할지 상위폴더로 할지 정할 수 있습니다.
• ./ 는 현재 폴더를 뜻하고 ../ 는 상위 폴더를 뜻합니다. (주로 ./ 를 많이 사용하고 ./ 기호는 생략 가능하다고 합니다.)

예시)

<!--현재 폴더-->
<img src="./images/loui.jpg">

<!--상위 폴더-->
<img src="../images/loui.jpg">