[HTML] HTML 다루기 (3)

이전 글에서 HTML의 텍스트 관련 태그에 대해 알아보았다.

이번 글에서는 HTML의 컨텐츠 관련 태그에 대해 알아보도록 하자.

컨텐츠 관련 태그

여기서 컨텐츠란, 텍스트 이외의 것을 말한다. (하이퍼링크, 이미지 등)
컨텐츠 관련 태그는 속성 값이 많아서, 그 중 자주 사용되는 것을 추려보았다.

<img>

• 이미지 태그

속성	역할	값
src	포함하고자 하는 이미지의 절대/상대 경로	경로 텍스트
alt	이미지 설명(마우스 hover로 확인 가능)	설명문 텍스트
width	이미지 가로 길이(세로는 원본에 맞추어 가로 대비로 설정됨)	단위 없는 정수값

<a>

• 하이퍼링크 태그
• 다른 페이지로 이동할 수 있는 하이퍼링크 생성한다.

속성	역할	값
href	하이퍼링크가 가리키는 URL	http:/https: + 사이트 주소, mailto: + 메일주소, tel: + 전화번호
target	링크의 페이지를 열 창 지정	_self (현재 창), _blank (새 탭)...

<iframe>

• 타 웹 문서 넣기 태그
• 동영상을 넣는 용도로 많이 사용된다.
• Strict 문서에서 작동하지 않는다.

속성	역할	값
src	포함하고자 하는 타 문서 및 영상의 절대/상대 경로	경로 텍스트
width	타 문서 및 영상의 가로 길이(height 미설정시, 세로는 원본에 맞추어 가로 대비로 설정됨)	px/%
height	타 문서 및 영상의 세로 길이	px/%
frameborder	테두리 유무 지정(1: 테두리 있음 / 0: 테두리 없음)	단위없는 정수값