HTML 기본 태그 - 이미지, 사운드, 링크

이미지, 사운드, 링크 태그는 웹의 리소스를 사용기 때문에 리소스의 경로를 지정해줘야 한다.

경로의 표현은 절대경로, 상대경로가 있다. 

상대 경로는 HTML 파일이 있는 폴더를 기준으로 한다. 

동일 폴더 : 파일이름.확장자

상위 폴더 : ../파일이름.확장자

하위 폴더 : 폴더이름/파일이름.확장자

절대 경로는 웹 경로를 의미한다. 

http://서버IP주소:8080/파일이름.확장자

or

/파일이름.확장자

<img>

이미지를 표현한다.

속성	설명
src	파일의 경로나 URL 지정
alt	이미지에 대한 설명
align	정렬 방식 지정. right, top, left, middle, bottom
border	테두리 두께를 지정(숫자). 0은 테두리 없음
height	이미지의 높이를 지정 (픽셀)
width	이미지의 너비를 지정 (픽셀)
hspace	좌우 여백 지정 (픽셀)
vspace	상하 여백 지정 (픽셀)

<embed>

사운드 파일을 삽입할 수 있다.

속성	설명
src	사운드 파일의 경로를 지정
autostart	웹 페이지를 열었을 때 자동 재생 여부를 지정. true, false
hidden	미디어 플레이어를 화면에서 감출지 지정. true, false
width	미디어 플레이어를 표시할 때, 너비를 지정. (픽셀)
height	미디어 플레이어를 표시할 때, 높이를 지정. (픽셀)
loop	재생할 때 반복할 횟수를 지정. 횟수(숫자), true, false

<a> 

특정 경로의 웹페이지로 이동할 수 있는 링크를 생성 

속성	설명
href	연결할 문서의 경로나 URL을 지정. #name : 동일 문서에 name으로 지정한 곳으로 이동 mailto:받는_사람_메일_주소?subject="제목" : 메일 보낼 떄의 링크를 지정 기타 : 소리나 내려 받을 파일을 지정
name	동일 문서 내 특정 위치로 이동  이동 시킬 위치에 <a name="이름" /> 형태로 만듬.  <a href="#이름" /a> 와 같이 사용.
target	링크된 내용이 열릴 대상을 지정.  _blank : 새창  _parent : 자기를 띄운 부모창  _self : 자기 자신  _top : 최상위 프레임