HTML tag는 tag 이름을 꺾쇠괄호(<>)로 감싸서 표현합니다.
사용방법 : <tag>내용</tag>
<div>블럭 타입</div>
<p>단락 타입</p>
<span>인라인 타입</span>
기본적으로 tag는 시작 tag와 종료 tag의 쌍으로 이루어집니다.
종료 tag는 tag명 앞에 (/)를 입력해서 종료태그임을 표시합니다.
일부 tag는 종료 tag가 없는 tag도 있습니다. 이러한 태그를 빈 tag(empty tag)라고 합니다.
대표적인 빈 tag에서 <img>, <br>, <hr> 이 있습니다.
tag는 위와 같이 tag로만 표시하기도 하지만 대부분은 속성이라는 것을 가지고 있습니다.
속성은 공통으로 쓰이는 것도 있고 전용으로 쓰이는 것도 있습니다.
전용으로 쓰이는 대표적인 태그는 <a>, <img> 등이 있으며 추가적인 정보를 제공합니다.
<a href=”https://www.naver.com” target=”_blank”>네이버</a>
<img src="https://t1.daumcdn.net/daumtop_chanel/op/20200723055344399.png" alt='다음'>
기본적인 사용법 : <태그명 속성명="속성값">내용</태그명>
속성은 시작 tag 안에서 사용되며 반듯이 속성값이 같이 존재하게 됩니다.
공통으로 쓰이는 대표적인 속성은 id, class, style, data-OOO 등이 있으며 대부분의 css와 자바스크립트의 연동에 필수 속성이 됩니다. 이 부분은 css와 자바스크립트 강좌에서 다시 언급하겠습니다.
728x90