(9) HTML 태그 - i
<i> : 기본 텍스트와는 다른 분위기나 음성을 위한 텍스트 영역을 정의할 때 사용함.
<i> 요소의 텍스트는 보통 이탤릭체로 표현되며, 전문용어나 다른 언어의 관용구, 문어체, 서양 문헌에 나오는 배 이름 등을 나타낼 때 사용됩니다.
다음과 같은 의미 요소(semantic element) 중에서 사용하기에 적당한 요소를 찾지 못했을 때만 <i> 요소를 사용할 수 있습니다.
- <cite> : 창작물의 제목
- <dfn> : 용어(term)의 정의
- <em> : 강조된 텍스트
- <mark> : 하이라이트된(highlighted) 텍스트
- <strong> : 긴급하거나 중요한 텍스트
<p><i>타이타닉호</i>는 영국의 화이트 스타 라인이 운영한 북대서양 횡단 여객선이다.<br>
1912년 4월 10일 영국의 사우샘프턴을 떠나 미국의 뉴욕으로 향하던 첫 항해 중에 4월 15일 빙산과 충돌하여 침몰하였다.</p>
<iframe> : 인라인 프레임(inline frame)을 정의할 때 사용함.
인라인 프레임은 현재 HTML 문서에 다른 문서를 포함시킬 때 사용합니다.
<iframe> 요소의 시작 태그와 종료 태그 사이에는 <iframe> 요소를 지원하지 않는 브라우저를 위한 텍스트를 포함할 수 있습니다.
<iframe src="http://tcpschool.com">
<p>현재 사용 중인 브라우저는 iframe 요소를 지원하지 않습니다!</p>
</iframe>
<img> : HTML 문서에서 이미지(image)를 정의할 때 사용함.
<img> 요소로 정의된 이미지는 HTML 문서에 직접 삽입되는 것이 아니라, HTML 문서에 이미지가 링크되는 형태입니다.
즉, <img> 요소는 이렇게 참조된 이미지를 위한 일종의 수용 공간을 만들어 주는 것입니다.
<img> 요소에는 src 속성과 alt 속성을 반드시 명시해야만 합니다.
<img src="/examples/images/img_monalisa.png" alt="모나리자">
<input> : 사용자로부터 입력을 받을 수 있는 입력 필드(input filed)를 정의할 때 사용함.
<input> 요소는 사용자가 데이터를 입력할 수 있는 입력 필드를 선언하기 위해 <form> 요소 내부에서 사용됩니다.
이러한 입력 필드는 <input> 요소의 type 속성값을 달리함으로써 여러 가지 모양으로 나타낼 수 있습니다.
<input> 요소는 빈 태그(empty tag)이며, 속성만을 포함하고 있습니다.
<label> 요소를 사용하면 <input> 요소의 라벨(label)을 정의할 수도 있습니다.
<form action="/examples/media/action_target.php" method="get">
이름 : <input type="text" name="st_name"><br>
학번 : <input type="text" name="st_id"><br>
학과 : <input type="text" name="department"><br>
<input type="submit">
</form>
<ins> : 텍스트 아래쪽에 라인(line)을 추가하여 문서에 추가된 텍스트를 표현할 때 사용함.
또한, <del> 요소는 텍스트 한가운데 라인을 추가하여 문서에서 삭제된 텍스트를 표현합니다.
이와 같이 <del> 요소와 <ins> 요소는 문서에 대한 업데이트나 수정을 표현할 때 사용하며, 브라우저는 이를 일반 텍스트에 라인을 추가하는 것으로 표현할 것입니다.
<p>이 벽화가 그려진 시기는 <del>청동기</del> <ins>구석기</ins> 시대이다.</p>
공부를 목적으로 정리한 게시글입니다.