[WEB1] 기본적인 HTML 속성들을 알아보자!

Rae-eun Yang·2022년 3월 5일
1

생활코딩 WEBn

목록 보기
5/21

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 값)

profile
개발자 지망생의 벨로그

0개의 댓글