[HTML] 3. 기초적인 HTML 태그

3. 기초적인 HTML 태그

- HTML 에서 가장 중요한 태그들은 headings, paragraphs 그리고, line breaks 이다.

- HTML을 배우는 가장 좋은 방법은 예제를 통한 방법이다.


3.1 Headings

- Headings는 <h1> 에서 <h6> 태그까지 정의되어 있다. <h1>은 가장 큰 heading이고, <h6>은 가장 작은 heading이다.

- HTML은 heading 전, 후에 자동으로 여분의 한 줄을 추가시킨다.


3.2 Paragraphs

- Paragraphs는 <p> 태그로 정의되어 있다.

- HTML은 Paragraphs 전, 후에 자동으로 여분의 한 줄을 추가시킨다.


3.3 Line Breaks

- <br> 태그는 라인의 마지막에 사용된다. 하지만, 새로운 paragraph로 시작하길 바라지 않는다. <br> 태그의 힘은 바라는 장소 어디에든 넣을 수 있다는 것이다.

- <br> 태그는 empty 태그이다. 닫기 태그가 존재하지 않는다는 말이다.


3.4 HTML에서 주석

- 주석 태그는 HTML 소스 코드 안에 주석을 넣길 바랄 때 이용한다. 브라우저에서는 코멘트가 무시된다. 소스 코드를 작성한 이후에 다시 수정하거나, 추가할 때, 자신의 코드를 설명하기 위해서 사용한다면 많은 도움이 될 것이다.

- 열기 괄호 후에 느낌표가 필요하다. 하지만, 닫기 괄호엔 필요 없다.


3.5 유용한 팁

- HTML 텍스트를 작성할 때, 또 다른 브라우저안에서 어떻게 보여질 것인지에 관해서 확인할 순 없다. 몇몇 사람들은 넓은 해상도를, 몇몇 사람들은 좁은 해상도를 갖고 있을 것이다. 그 텍스트는 사용자의 창에 맞게 매번 재조정될 것이다. 텍스트에서 empty lines 과 spaces의 추가에 의해 에디터 안의 텍스트 초기화를 결코, 시도하게 하지마라.

- HTML은 텍스트안의 공란을 줄일것이다. 어떤 공란의 수가 하나처럼 계산된다.

- 몇몇 추가적인 정보: HTML에서 새로운 라인은 하나의 공간처럼 계산된다.

- 빈 한 줄을 삽입하기 위하여 empty parapraphs <p>를 이용하는것은 나쁜 습관이다. 대신에 <br> 태그를 사용하라. (그러나, 리스트를 만들 목적으로 <br> 태그를 사용할 순 없다. HTML lists를 배울때까지 기다려라)

- parapraphs 는 닫기 태그 </p> 없이 사용하다는 것을 알고 있을것이다. 그러나, 여기에 의존하지말라. HTML의 다음 버전에서는 닫기 태그 없인 어떠한 태그도 받아들려지지 않을 것이기 때문이다.

- HTML은 paragraph의 전후나, heading의 전후처럼, 몇몇 엘리먼트 전이나 후 라인에 자동적으로 여분의 줄 하나를 첨가해버린다.

- 섹션 구분을 위해서 우리는 horizontal rule (<hr> 태그)를 이용한다.

3.6 기초적인 HTML 태그