[HTML] HTML 기초 문법

HTML의 문법에서 가장 중요한 것은 태그(Tag)이다. HTML의 이해는 태그의 종류, 의미, 속성을 이해하는 것이고, 태그는 HTML 코드에서 정보(콘텐츠)를 정의하는 형식이다.

 

태그는 속성(Attribute)을 가질 수 있다. 속성은 지정된 태그 명령에 대하여 보다 자세한 환경과 정보를 규정하여, 웹 브라우저로 하여금 보다 세밀한 기능을 수행하도록 지정하는 명령의 일부이다. 속성은 시작 태그 내부에서 정의하며, 개수에는 제한이 없다.

 

---

태그 사용 방법

 

<>(여는 태그)와 </>(닫는 태그) 기호를 사용하여 콘텐츠의 시자과 끝을 표시한다.

 

<태그명> 기입할 콘텐츠 </태그명>

 

태그는 복합 태그와 단일 태그로 구분된다.

 

 

복합 태그와 단일 태그

복합 태그 : 쌍으로 사용 되는 태그. 시작과 끝을 구분한다.
형식) <태그명> ... </태그명>
단일 태그 : 단독으로 사용되는 태그. 시작과 끝을 구분하지 않는다.
형식) <태그명 /> 또는 <태그명>

 

속성

복합 태그인 경우 : <태그명 속성명="속성값" 내용 </태그명>
단일 태그인 경우 : <태그명 속성명="속성값 />

규칙 : 태그명과 속성 정의는 공백으로 구분하고, 큰따옴표를 사용한다.

 

• style="color : 색깔;"

 

주석

<!-- 이 내용은 실제로 보이지 않습니다. 메모용입니다 -->

 

 

 

요소

예시)

• <p> ... </p> : 한 문단 내에 텍스트 작성
• <strong> ... </strong> : 텍스트 굵게 
• <br>, <br /> : 줄 바꿈

 

 

테스트

 

<p>Hi!</p>
<strong style="color:red">Hello</strong>
<!-- 나타나지 않습니다. -->

 

테스트 결과

 

도움되는 사이트

https://www.w3schools.com/

 

 

2023.01.09 수정

2023.01.13 도움되는 사이트 추가