HTML 문서 기본구조 살펴보기

상세 컨텐츠

본문 제목

HTML 문서 기본구조 살펴보기

수군이 html5 공부방

by 수군 2017. 10. 24. 17:24

본문

HTML문서는 정해진 형식에 내용을 입력해야 한다. 

HTML는 <!doctype>, <html>, <head>,<body>가 기본적으로 시작하는 모습.

먼저 시작하는 방법은 

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>수군이 HTML 공부</title>

</head>

<body>

<h1>알고보면 쉬운 HTMl</h1>

<p>처음 시작하는 HTML 공부는 때론 걱정되지만<br>

차근차근 하다보면 어느순간 사이트를 만들고 있을 것이다.</p>

</body>

</html>



<!doctype html> 이건 현재 시작하는 문서가 HTML5 가 시작 되는 것을 알리는 시점

<htmal>

<head>

<meta charset="utf-8">


[meta charset="utf-8]" 는 꼭 작성을 해주어야 한다. 그래야 웹페이지에 결과값이 표출]

[ "" ] 이 기호는 특정한 것을 정할 때 사용하는 것이다. 이 기능은 계속적으로 사용

<

<title>수군이 HTML 공부하기/title>웹페이즈의 제목 작성하는 부분

[ / ] 는 끝을 나타내는 기호. 소스를 작성을 하게 되면 시작과 끝을 알리기 위해 규칙을 정해진 것이다.]     


</head>


<head></head>는 문서 정보를 입력하는 태그 

<body>

<h1></h1>

</body>

<body></body>는 실제로 소스를 입력하는 장소이다.  화면에 보일 내용 

</html>

<html></html> 문서의 시작과 끝을 알리는 소스이다. 



하나의 규칙성이 되어 내용이 표출이 되고 있고, 가장 기본적인 부분이다. 초보의 시선으로 작성된 내용이지 널리 양해바란다. 같은 입장에서 공부하는 사람들에게 도움이 되었으면 한다. 본인 또한 공부하는 입장이다보니 잘못된 부분이 있을 수 있으니 댓글로 남겨준다면 공부하는 사람으로써 감사하다. 앞으로 복습하는 차원으로 포스팅을 올릴 것이다. 각가의 소스를 100% 이해를 지금 당장은 못하지만, 티스토리 소스정도는 만질 수 있는 상황까지 가고 싶다. 



반응형

관련글 더보기