HTML 코드 기초 문법

HTML의 문법은 딱 한 가지, 태그(tag)만 기억하면 된다!!

---

태그란(tag)?

• HTML 코드에서 정보(콘텐츠)를 정의하는 형식

기본태그 사용법(시작과 끝)

• 태그는 <>와 </>기호를 사용해 콘텐츠의 시작과 끝을 표시합니다!

<태그명> 이곳에 콘텐츠를 넣어요! </태그명>

이때 여는 태그와 닫는 태그의 태그명이 동일해야합니다!

단일태그

• 일반적인 태그 사용법은 <>과 </>기호를 사용해 콘텐츠의 시작과 끝을 표시하지만 경우에 따라 시작과 끝을 구분할 필요가 없는 태그도 존재한다! 이때 사용하는 것이 단일태그!

단일태그 사용법

<태그명 /> 
 또는
<태그명>

단일태그는 콘텐츠를 감쌀 필요가 없으므로 시작과 끝을 구분하지 않는다!

태그 속성 사용법

• 속성은 태그의 부가적인 기능을 정의하는 것으로, 속성은 시작 태그의 내부에서 정의하며 꼭 사용하지 않아도 된다!
• 속성의 개수에는 특별한 제한이 없다.

기본태그 예시
<태그명 속성명="속성값">내용이들어감</태그명>

단일태그 예시
<태그명 속성명="속성값"/>

태그명과 속성 정의는 공백(space)로 구분하며, 큰따옴표를 사용한다.

주석 사용법

• 주석은 사람에게는 보이지만, 웹브라우저에게는 보이지 않는 코드이다.
• 주로 코드에 대한 메모를 남기기 위한 용도로 사용된다.

<!-- 이곳에는 주석이 들어가요~~ -->

주석 또한 기호를 통해 시작과 끝을 구분한다.

내용정리

• HTML은 태그(<>~</>)를 사용해 콘텐츠를 표시한다.
• 태그는 콘테츠를 감싸는 역할을 하며, 콘텐츠에 성격과 의미를 부여한다.
• 태그에는 속성을 통해 부가적인 기능을 정의할 수 있다.
• 주석은 사람에게는 보이지만, 컴퓨터에게는 보이지 않는 코드이다.