[HTML - 2] HTML 기본 문법

 

HTML 기본 문법

HTML은 웹페이지 어느 부분에 해당되는 콘텐츠가 있어야 할지 나타내는 역할을 한다.

태그

HTML은 ‘태그(Tag)’라 불리우는 표기법을 사용해 역할을 수행한다
태그의 구성 요소는 아래와 같다

1. 태그의 이름(태그명)
2. 여는 태그(시작 태그)
3. 닫는 태그(종료 태그)
4. 내용(콘텐츠)

태그의 형태

<태그명>콘텐츠</태그명>
- 앞의 태그명은 여는태그(시작태그)
- 뒤의 태그명은 닫는태그 (종료태그)

• 표시할 내용이 없을때는 내용을 생략하고 사용할 수 있다.
  • 단일 태그의 형태는 아래와 같다

  1. <태그명>
  2. <태그명 />

 

태그 작성지 주의 사항

• 태그 이름은 소문자로 쓴다.
• 여는 태그와 닫는 태그를 정확하게 입력한다.
• 태그의 콘텐츠로 또 다른 태그가 포함될 수 있다.
• 들여 쓰기를 적절하게 사용하는 것이 좋다.(권장 사항)
  • 코드 가독성이 좋아진다

속성

• 속성은 태그의 부가적인 기능을 정의하는 것이다(선택사항)
• 시작 태그의 내부에 정의한다
• 개수제한이 따로 없다
• 추가할 속성이 여러 개일 경우 구분을 위해 공백을 사용한다
• 속성에 따라 표시되는 콘텐츠는 형태가 바뀔 수도 있다
• 단일 태그에도 속성 추가가 가능하다
• 겉으로 드러나지 않는 속성도 존재

속성이 추가된 태그의 형태

<태그명 속성 = '값>내용</태그명>
속성 : 속성명
값 : 속성 값

단일태그 속성 추가
<태그명 속성='값' 속성='값'>
속성 : 속성명
값 : 속성 값

 

주석

• 사람에게는 보이지만 컴퓨터에게 보이지 않는 코드
• 코드에 메모를 위한 용도로 사용
• 주석을 만들기 위해 총 7개의 기호가 사용된다.

  <!-- 주석의 내용 -->
  <!-- : 주석 시작
  --> : 주석 끝