Skip to content
2014.04.08 02:47

HTML 요소 알아보기

조회 수 5718 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

HTML 문서(Documents)는 HTML 요소(Elements)들로 이루어집니다.


모든 HTML 요소는 시작 태그(start tag/opening tag)로 시작해서 끝 태그(end tag/closing tag)로 끝납니다.


자세히 살펴보면 아래와 같습니다.


<p>나는 단락이다.</p>
<a href="default.html">나는 링크다.</a>
<br />


시작 태그요소 내용끝 태그
<p>나는 단락이다.</p>
<a href="default.html">나는 링크다.</a>
<br />


HTML 요소는 '시작 태그'로 시작해서 '끝 태그'로 끝나며 그 사이 내용이 '요소 내용'이 됩니다.


<br>처럼 어떠한 HTML 요소는 아무런 요소 내용을 가지지 않는 경우도 있습니다.


또 이러한 요소들은 <br />와 같은 형식으로 끝 태그를 시작 태그에 포함시킵니다.


대부분의 HTML 요소는 속성을 가질 수 있습니다. 위의 <a> 요소 중 href가 속성이 되는데 자세한 내용은 다음에 다루겠습니다.


또 거의 모든 HTML 요소는 기본 예제의 마무리에서 <p>안에 <a>가 포함되는 것처럼 서로 포함 관계를 가질 수 있습니다.



<!DOCTYPE html>
<html>
<body>
<p>나는 문장이다.</p>
</body>
</html>


위의 예제는 <html>, <body>, <p>의 3개의 HTML 요소로 구성되어 있습니다.


<p>나는 문장이다.
<p>나는 문장이다.


시작 태그를 사용하셨으면 꼭 끝 태그를 사용하셔야 합니다.


위와 같은 식으로 시작 태그를 사용한 후에 끝 태그를 사용하지 않으시면 곤란(?)합니다.


그리고 기본적으로 <p>와 같이 소문자 사용을 권장합니다 ^^

?

Copyright by sincntx 2014 All rights reserved.

sketchbook5, 스케치북5

sketchbook5, 스케치북5