[기초강좌] HTML Elements - w3schools 번역

[기초강좌] HTML Elements - w3schools 번역

w3school 의 강좌 내용을 번역한 글입니다.

원본 : http://www.w3schools.com/html/html_elements.asp

HTML 문서는 HTML elements 들로 정의된다.

HTML Elements

HTML Element 는 start tag 부터 end tag 를 포함한 전체를 이야기한다.

[기초강좌] HTML Elements - w3schools 번역

* start tag 는 opening tag, end tag 는 closing tag 라고도 불린다.

HTML Element Syntax

* HTML element 는 start tag 혹은 opening tag 로 시작한다.

* HTML element 는 end tag 혹은 closing tag 로 마무리된다.

* Element 의 내용( 원문 : content ) 은 start tag 와 end tag 사이의 모든 것을 말한다.

* 몇몇 HTML element 는 내용이 없다.

* Empty element 는 start tag 에서 종료된다.

* 대부부의 HTML element 들은 속성 ( 원문 : attribute ) 를 갖는다.

Tip : 나중 강좌에서 속성에 대해 배우게 된다.

Nested HTML Elemeents

대부분의 HTML element 들은 중첩된다. ( HTML element 는 다른 HTML element 를 자식으로 갖는다. )

HTML 문서는 중첩된 HTML element 들로 구성된다.

HTML Example Explained

element 는

This is my first paragraph.

element 는 HTML 문서에서 문단을 정의한다.

이 element 는 라는 start tag 와 라는 end tag 를 갖는다.

이 element 의 내용은 : This is my first paragraph

<body> element 는

<body>

This is my first paragraph.

</body>

<body> element 는 HTML 문서의 몸체를 정의한다.

이 element 는 <body> 라는 start tag 와 </body> 라는 end tag 를 갖는다.

이 element 의 내용은 다른 HTML element 이다. ( p element )

<html> element 는

<html>

<body>

This is my first paragraph.

</body>

</html>

<html> element 는 HTML 문서 전체를 정의한다.

이 element 는 <html> 이라는 start tag 와 </html> 이라는 end tag 를 갖는다.

이 element 의 내용은 다른 HTML element 이다. ( body element )

Don't Forget the End Tag

몇몇 tag 들은 end tag 를 실수로 넣지 않아도 브라우저에서 제대로 표기된다.

This is a paragraph

위의 예제는 대부분의 브라우저에서 제대로 표기된다. 대부분의 브라우저에서 closing tag 는 선택사항으로 취급하기 때문이다.

하지만 이에 의존하지 말자. end tag 를 제대로 넣지 않으면 많은 html element 가 예상치 못한 결과나 에러를 초래하기 쉽다.

Empty HTML Elements

내용이 없는 HTML element 들을 empty element 라고 부른다.

은 closing tag 가 없는 empty element 이다.

Tip : XHTML 에서는 모든 element 들이 반드시 close 되어야 한다. start tag 에도 슬래쉬 (/) 를 넣어주는 것이 XHTML ( xml ) 에서empty element 에 대한 제대로 된 종료 방법이다. 과 같이 말이다.

HTML Tip : Use Lowercase Tags

HTML tag 는 대소문자 구분이 없다. : 와 는 같은 태그로 인식된다.

그래서 많은 웹 사이트에서 HTML tag 에 대문자를 사용하곤 한다.

W3schools 에서는 소문자 tag 들을 사용한다. 왜냐하면 World Wide Web Consortium ( W3C ) 에서 HTML4 에서 소문자 사용을 권장하기 때문이다. 덧붙여 XHTML 에서는 소문자를 사용해야만 한다.

다음 강좌 보기 >>

저작자표시 비영리 변경금지

'프로그래밍 놀이터 > Web' 카테고리의 다른 글

[기초강좌] HTML Headings - w3schools 번역 (0)	2014.02.24
[기초강좌] HTML 속성 ( Attributes ) - w3schools 번역 (0)	2014.02.23
[기초강좌] HTML 기초 - 4개의 예제 - w3schools 번역 (0)	2014.02.19
[기초강좌] HTML Editors - W3Schools 번역 (0)	2014.02.17
[기초강좌] HTML 소개 - w3schools 번역 (0)	2014.02.16