HTML 속성들을 정리해봅시다

img 태그의 src 속성

<img src="https://s3-ap-northeast-2.amazonaws.com/opentutorials-user-file/module/3135/7648.png">

이렇게 img태그의 src 속성에 웹페이지에 넣고 싶은 이미지 소스를 넣으면 자신의 웹페이지에 이미지가 뜨는 것을 보실 수 있습니다.

이미지 주소가 없어도, 자신이 사용하는 에디터의 project folder에 원하는 이미지를 추가하신 뒤, src 속성에 이미지 경로를 넣으시면 같은 결과가 나옵니다.

a 태그의 href, target 속성

<a href="https://opentutorials.org/course/3084/18418" target="_blank">링크</a>

링크

a 태그는 Hypertext Markup Language (HTML)의 Hypertext에 해당하는 태그입니다.
바로 페이지와 페이지를 링크로 연결해주는 것이죠.

• href 속성 : 원하는 페이지 주소를 붙여넣기하면 링크
• target 속성 :
  • "_blank" : 새로운 창에 페이지 열기
  • "_self" : 현재 창에 페이지 열기 (default 값)