img태그(이미지 적용), a태그(링크 생성)

img태그란?

-웹페이지에 이미지를 삽일할 때 사용하는 태그

-빈태그이다.(닫는 태그가 없다)

img태그의 형태

<img src="이미지경로" width="이미지 넓이" height="이미지 높이" alt="대체텍스트">

-src(source)에는 이미지 경로를 넣는다.(절대경로와 상대경로가 있다)

-width와 height를 설정하지 않을 경우 원본 이미지의 크기대로 화면에 출력된다.

-alt는 필수는 아니지만 접근성을 위해 이미지를 설명할 글자를 넣어줘야한다. 

(ex 사과이미지라면 alt에는 빨간 사과 사진, 대체텍스트는 구체적일 수록 좋다.)

a태그란?

-'anchor(닻)'의 약자이다.

-하이퍼링크를 만들 때 사용한다.

a태그의 형태

<a href="링크주소" target="새창" title="링크이름">링크</a>

-href에는 클릭시 이동할 페이지의 주소를 넣는다.

-target: 링크를 여는 방법

1._self: 현재 페이지에서 해당 링크로 이동(기본값)

2._blank: 새 창(새 탭)을 만들면서 링크로 이동

3._parent: 부모창에서 링크로 이동

4. _top: 최상위페이지에서 링크로 이동.

프레임이름: 직접 프레임이름을 명시해서 사용할 수도 있습니다.

-title은 링크의 이름으로 링크에 마우스를 올렸을 때 나타난다.