offfff

HTML 요소(HTML Elements) 본문

프로그래밍

HTML 요소(HTML Elements)

offfff 2016. 8. 22. 09:00

HTML Elements


HTML element는 주로 시작 태그와 끝 태그로 구성되고, 그 사이에 내용이 들어간다.

HTML element라고 하면 시작 태그부터 그 사이의 내용, 끝 태그까지를 말한다.

간혹, <br>같이 내용이 없거나 끝 태그가 없는 HTML element도 있다.


<태그 이름> 들어갈 내용... </태그 이름>




Nested HTML Elements


HTML element는 다른 element를 내용으로 포함하기도 한다.

모든 HTML 문서는 nested HTML element로 구성되어 있다.

아래 예제는 네 개의 HTML element로 구성되어 있다.


<!DOCTYPE html>

<html>

<body>


<h1>My First Heading</h1>

<p>My first paragraph.</p>


</body>

</html>


<html> element가 <body>element를 포함하고 있고, <body> element는 <h1>과 <p>를 그 내용으로 포함하고 있다.

<html>element는 전체 문서의 내용을 정의하고, <body> element는 화면에서 실제로 보여질 내용(body)를 정의하고 있다.

<h1>은 제목 한 줄을 정의하고 'My First Heading'이란 내용을 가지고 있다.

<p>는 한 문단을 정의하고 'My first patagraph'란 내용을 가지고 있다.




끝 태그를 잊지 마세요


몇몇 HTML elements는 끝 태그를 까먹고 안쓰더라도 화면에 정확히 출력되지만,

끝 태그를 확실히 적어서, 예상치 못하는 결과나 에러를 방지해야 한다.




내용이 비어있는 HTML Elements


<br>은 끝태그가 없는 HTML element이다. (<br>은 줄 바꿈을 정의하는 태그이다.)

끝 태그를 좀 더 철저히 하고싶고, 이를 <br>에 적용하려 한다면 '<br />'로 적는다.

<br> </br>은 틀린 표현, <br />로 끝 태그 없이 딱 하나만 적는다.




소문자 태그를 사용하자


HTML 태그는 대소문자 구분을 하지 않아서, <P>로 쓰든 <P>로 쓰든 상관없이 같은 결과를 보여준다.

HTML5 표준은 소문자만을 고집하지 않지만, XHTML같이 좀 더 엄격한 문서는 소문자를 사용하도록 되어있다.

그래서 소문자 태그를 사용하는 것을 추천한다.




아래링크를 참조하여 번역 및 수정 함

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

저작자표시 비영리

'프로그래밍' 카테고리의 다른 글

HTML 제목(HTML Heading)  (0) 2016.08.24
HTML 속성(HTML Attributes)  (0) 2016.08.23
HTML 기본 예제  (0) 2016.08.21
HTML 소개(HTML Introduction)  (0) 2016.08.20
[MySQL C API] 9. 데이터베이스에 저장된 이미지 가져오기(Selecting images from MySQL database)  (0) 2016.08.19
'프로그래밍' Related Articles more