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='다음'>
기본적인 사용법 : <태그명 속성명="속성값">내용</태그명>
a 태그의 경우 "href"라는 전용 속성을, img 태그에는 "src"라는 속성을 가지고 있는 것이죠
속성은 시작 tag 안에서 사용되며 반듯이 속성값이 같이 존재하게 됩니다.
모든 태그에 공통으로 쓰이는 대표적인 속성은 id, class, style, data-OOO 등이 있으며 대부분의 css와 자바스크립트의 연동에 필수 속성이 됩니다. 이 부분은 css와 자바스크립트 강좌에서 다시 언급하겠습니다.
728x90