오늘도 데이터: html 페이지 구조 설명

HTML 코드 구조

html 구조는 Word 파일 구조와 같은 형태로 하면, 기본에서는 아주 깔끔하게 구성 된다. 아래는 HTML 기본적인 구조를 나타내는 것이다.

아래의 스크린에 보이는 화면과 html 을 glitch로 실습을 해보겠다. 헤드라인을 구성 하고 헤드라인에 대한 내용 그리고 세부 헤드라인과 세부 헤드라인의 구성을 아주 깔끔하게 나타낸다. 아래는 glitch에서 코드를 잘 다듬어 낸 코드 예제 이다.

<html>

<body>

<h1>

This is the Main heading

</h1>

<p>

this text might be an introdunction to the rest of the page. and if the

page is a long one it might be split up into several sub-headings.

</p>

<h2>

This is Sub heading

</h2>

<p>

Many long ariticles have sub-heading so to help you flollow the structure

of what is being written. there may even be sub-sub-headings (or

lower-level headings).

</p>

<h2>

Another Sub-Heading

</h2>

<p>

here you can see another sub -heading

</p>

</body>

</html>

위와 같이 구조가 되는 코드를 작성 하였고 결과를 보았다. 구조적으로 보았을 때, HTML이 큰 폭을 싸고 그 다음에는 <body>코드들이 안에 head 라인과 문단이 구성되어 있다. 매우 간단하지만 보기가 쉬운 페이지 이다.