이미지와 하이퍼링크 태그

a 태그

 - 하이퍼링크를 걸어주는 태그

 - <a href="하이퍼링크 주소" target= _self | _blank | _parent | _top | 프레임명> </a>

    - _self : 링크 내용을 현재 페이지에 표시 (기본값)

    - _blank : 링크 내용을 새 창 or 새 탭에 표시

    - _parent : 프레임 사용 시, 링크 내용을 부모 페이지에 표시

    - _top : 프레임 사용 시, 링크 내용을 전체 화면에 표시

    - 프레임명 : 직접 프레임명을 명시해서 사용

 

● img 태그

 - 이미지를 삽입하는 태그

 - 닫는 태그는 없음

 - <img src="이미지 파일 경로" alt="대체 텍스트" width="너비" height="높이">

    - src=" " : 이미지 파일 경로 지정

    - alt=" " : 이미지를 설명해 주는 대체 텍스트 (이미지가 나오지 않을 경우를 대비)

    - width, height : 이미지 크기 조정 (CSS로 대체 가능)

        ※ <figure>, <figcaption> 태그로 이미지에 설명 글 붙이기 가능

'Front-End Study > HTML 사전' 카테고리의 다른 글

button 태그  (0) 2023.01.02
textarea 태그  (0) 2023.01.02
테이블 관련 태그  (0) 2022.10.12
목록 관련 태그  (0) 2022.10.04
텍스트 관련 태그  (0) 2022.09.20