HTML | Part_1 기초
본문 바로가기

IT/HTML

HTML | Part_1 기초



HTML ( hypertext markup language )


 






간단히 HTML을 나타내면 


HTML은 웹 페이지를 만들기위한 언어입니다.


HTML은 tag시작하여 tag로 이나며,


브라우저에선 HTML tag가 페이지에 어떠한 내용을 나타냅니다.



이 페이지도 HTML로 만들어 졌으며 추가로 CSSjavascript등의 언어로 이루어집니다.




아래는 정말 간단한 HTML 예시입니다.






<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>


document typehtml이며


html

          head

                    title 

          body

                    h1

                    p




위와 같이 


수직적인 관계 ( body |  h1  ) 와 


수평적인 관계 (   h1  |   p    )의


태그들로 이루어져 있습니다.





즉, 태그로 시작하여 태그로 끝난다(중요) 라고 보시면 됩니다.


태그를 시작해놓고 닫지 않는다면, 코드가 길어지고 복잡해지면서


자신이 원하는 형태로 만들어지지 않는 것을 볼 수 있습니다 ! ( 제가 그랬습니다 ㅎㅎ )




위와 같이 작성하면

Page Title

My First Heading

My first paragraph.



이런 결과를 보실 수 있으실 겁니다.




다른 부가적인 것들은 공부를 하면서 충분히 습득이 가능한데,


태그를 닫아주는 것에 대한 중요성을 인지하지 못하면 큰일납니다. ( 저처럼 됩니다. )


이 뒤로는 HTML의 태그 설명을 빠르고 간단히 시작하겠습니다 !





다들 화이팅 ! 



HTML | Part_1 기초



'IT > HTML' 카테고리의 다른 글

HTML | Part_2 태그 ( Tag )  (0) 2018.11.21