(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>

 

 

 

 

공부를 목적으로 정리한 게시글입니다.

출처 - http://www.tcpschool.com/html-tags/intro