[기초강좌] HTML Headings - w3schools 번역

[기초강좌] HTML Headings - w3schools 번역

w3school 의 강좌 내용을 번역한 글입니다.

원본 : http://www.w3schools.com/html/html_headings.asp

Headings 는 HTML 문서에서 중요하다.

HTML Headings

Heading 은 <h1> ~ <h6> 으로 정의된다.

<h1> 은 가장 중요한 heading 이고, <h6> 은 가장 덜 중요한 heading 이다.

<h1>This is a heading</h1>

<h2>This is a heading</h2>

<h3>This is a heading</h3>

눈으로 직접 보기.

주의 : 브라우저가 자동으로 각 heading 앞뒤로 빈 공간 (여백) 을 넣는다.

Headings Are Important

HTML heading 은 heading 으로만 써야 한다. Heading 을 글씨를 크게 하거나 진하게 하는 데 사용하지 말아라.

검색 엔진은 heading 을 참조하여 당신의 웹 페이지의 내용과 구조 등을 파악한다.

사용자는 heading 을 통해 웹 페이지를 훑어보기 때문에, heading 을 문서의 구조를 표시하는데 사용하는 것은 중요하다.

H1 heading 은 main heading 으로 사용해야만 하고, H2 heading, H3 heading 이 그 다음 중요도로 사용된다.

HTML Lines

<hr> tag 는 HTML page 에 수평선을 만든다.

hr element 는 내용을 구분하는 데 사용된다.

<p>This is a paragraph.</p>

<hr>

<p>This is a paragraph.</p>

<hr>

<p>This is a paragraph.</p>

눈으로 직접 보기

HTML Tip - How to View HTML Source

언젠가 누군가의 웹 페이지를 보고 "와! 어떻게 한거야?" 라고 놀란 적이 있나요?

어떻게 했는지 알고 싶다면 마우스 우클릭을 하고 "소스 보기" (IE) 또는 "페이지 소스 보기" (Firefox) 혹은 브라우저마다 비슷하게 써 있는 메뉴를 클릭하세요. 해당 페이지의 HTML code 나 나타날 겁니다.

HTML Tag Reference

W3School 의 tag reference 는 tag 들과 그 속성들에 대한 추가적인 정보를 제공한다.

다음 강좌들에서 더 많은 tag 와 속성에 대해 배우게 될 것이다.

다음 강좌 보기 >>

demo, h1, H2, H3, H4, h5, H6, heading, Headings Are Important, hr, HTML, HTML Headings, HTML Lines, html tag reference, HTML Tip - How to View HTML Source, html 문서, margin, Reference, Search Engine, structure, tip, w3c, [기초강좌] HTML Headings - w3schools 번역, 검색 엔진, 공간, 구조, 데모, 브라우저, 소스 보기, 수평선, 여백, 페이지 소스 보기