HTML 기본 문법 2

a.html

동해물과 백두산이 마르고 닳도록, 하느님이 보우하사 우리 나라 만세

웹 브라우저 (뷰어) a.html

동해물과 백두산이 마르고 닳도록, 하느님이 보우하사 우리 나라 만세

태그 사용시 :

a.html

동해물과 <strong>백두산</strong>이 마르고 닳도록, 하느님이 보우하사 우리 나라 만세

웹 브라우저 (뷰어) a.html

동해물과 백두산이 마르고 닳도록, 하느님이 보우하사 우리 나라 만세

웹 브라우저가 html 문서를 해석하면서 태그를 확인.

<strong>이라는 태그는 대상을 강조표시한다는 약속이 있으므로

<strong> (시작 태그) 와 </strong> (닫히는 태그) 사이에 있는 대상(백두산)을 강조하여 사용자에게 보여줌.

a.html

애국가 동해물과 <strong>백두산</strong>이 마르고 닳도록, 하느님이 보우하사 우리 나라 만세

웹 브라우저 (뷰어) a.html

애국가동해물과 백두산이 마르고 닳도록, 하느님이 보우하사 우리 나라 만세

html문서에서 줄바꿈은 줄을 바꿔서 표시한다는 약속이 없으므로 줄이 바뀌어서 표시하지 않았다.

<h1>태그 사용 :

a.html

<h1>애국가</h1>동해물과 <strong>백두산</strong>이 마르고 닳도록, 하느님이 보우하사 우리 나라 만세

웹 브라우저 (뷰어) a.html

애국가 동해물과 백두산이 마르고 닳도록, 하느님이 보우하사 우리 나라 만세

<h1>태그는 태그의 대상을 제목으로 표시한다는 약속이 있고, 제목은 글자 사이즈가 크게 표시되고 줄이 바뀌어 표시된다.

정리 :

시작 태그와 닫히는 태그를 사용함으로써 대상을 이미 약속된 형식으로 표현할 수 있게 한다.

태그의 이름은 HTML 설명서에서 찾을 수 있다.