개요 - 엘레멘트와 속성

 

엘레멘트(Elements)

 

엘레멘트는 시작태그로 시작해 종료태그로 끝나는 모든 것을 말한다. 일반적으로 태그를 말하며, 넓게는 시작태그로 시작해 종료태그로 끝나는 모든 것을 말한다.

 

 

엘레멘트는 다음과 같은 문법 규칙을 가진다.

 

 · 엘레멘트의 시작은 시작태그로 시작한다.

 · 엘레멘트의 끝은 종료태그로 끝난다.

 · 엘레멘트 콘텐츠는 시작태그와 종료태그 사이에 있는 모든 것이다.

 · 어떤 엘레멘트는 빈 콘텐츠를 가진다.

 · 빈 콘텐츠는 시작태그에서 종료한다.

 · 대부분의 HTML 엘레멘트는 속성을 가진다.

 

엘레멘트의 종료 태그를 잊으면 안된다.

 

<p>This is a paragraph

 

위 예제와 같은 HTML 문서는 대부분의 브라우저에서 올바르게 작동한다. 왜냐하면 종료태그를 선택적으로 고려하기 때문이다. 하지만 종료 태그를 사용하는 것이 좋은 습관이다. (의도하지 않은 결과가 나올 수 있기 때문에)

 

 

 

속성(Attributes)

 

속성은 엘레멘트에 추가적인 정보를 제공한다.

 

 · 모든 HTML 엘레멘트는 속성을 가질 수 있다.

 · 속성은 엘레멘트에 추가적인 정보를 제공한다.

 · 속성은 항상 시작태그에 지정해야 한다.

 · 속성은 이름/값 한 쌍으로 이루어진다.(예: name="value")

 · 속성의 값은 항상 인용구('' 또는 "")로 감싸야 한다. 표준은 "" 을 사용한다.

 

속성의 예

 

<a href="http://www.w3schools.com">This is a link</a>

 

 

 

 

※ 모든 엘레멘트가 공통적으로 가질 수 있는 속성

• class: 태그의 공통적인 클래스 값을 부여해 같은 클래스값을 가진 태그에 공통된 스타일을 부여함
• id: 태그의 유니크한 값을 부여해 독자적으로 스타일을 지정할 때 사용하는 속성
• style: 태그의 스타일을 지정할 때 사용하는 속성
• title: 텍스트로 표현되는 툴팁값을 지정할 때 사용하는 속성