HTML 기본 문법과 태그는 무엇인가

프로그래밍을 할 때 작성자의 마음대로 코드를 작성하면 본인이 아닌 제삼자가 코드를 확인할 때 이 코드가 무슨 코드인지 확인을 못하게 됩니다. 그래서 프로그래밍을 할 때도 각 프로그램 언어에 맞는 문법을 지켜서 코드를 작성해야 합니다.

HTML의 기본적인 문법은 무엇인지 태그는 어떤 역할을 하는지 알아보도록 하겠습니다.

 

 

HTML 기본 문법

위와 같이 HTML을 활용해 코드를 작성하면 내가 원하는 대로 표현하고 싶은 부분이 있을 것입니다. 예를 들어서 내가 입력한 코드 중 특정 부분의 문자를 진하게 하고 싶은 경우가 있습니다. 이렇게 특정 부분의 문자를 진하게 하고 싶거나 이외에 내가 원하는 대로 변경하고 싶을 때 웹을 지배하는 가장 중요한 문법이 떠오르게 됩니다.

문법의 사전적 의미는 말의 구성 및 운영상의 규칙으로 모든 언어를 사용하면서 지켜야 하는 규칙입니다. 프로그래밍도 마찬가지로 사용자가 원하는 대로 코드를 입력한다면 나 혼자는 이해를 할 수 있지만 다른 사람이 내 코드를 볼 해 이해를 할 수 없게 됩니다. 이렇기 때문에 프로그래밍에서 문법이 존재하는 것입니다. 하지만 HTML에서 문법은 쉬운 문법인데 바로 '태그(tag)'입니다.

 

 

HTML 태그

HTML에서는 기본이 되는 문법이 바로 '태그'라고 하였습니다. 태그는 우리가 원하는 것을 미리 구현해 놓은 명령어라고 생각하시면 쉽게 이해를 하실 수 있을 것 같습니다. 한 예시를 들어 'I create a web page'에서 create부분을 강조하기 위해 진하게 표현하고 싶다면 코드를 작성할 때 'I <strong>create</strong> a web page'로 작성을 하게 되면 실제 웹페이지에서는 'I create a web page'로 표시가 됩니다. 글자를 진하게 표현하는 태그는 <strong>라는 태그를 사용하여 진하게 하고 싶은 부분을 감싸면 됩니다.

다음으로 'I create a web page'에서 'web page'이라는 텍스트에 밑줄을 긋고 싶다면 <u>라는 태그를 사용하면 'I <strong>create</strong> a <u>web page</u>'의 형태로 코드가 작성될 것입니다.

여기에서 태그에 대한 문법 내용을 정리하면 태그는 <> 꺽인괄호를 통해 나타내며 시작하는 부분에는 <strong>로 표현하고 끝나는 부분에는 시작하는 부분과 차이를 두기 위해 </strong>로 /를 앞에 작성하여 표현합니다. I <strong>create</strong> a web page의 코드에서 앞에 있는 <strong>와 뒤에 있는 </strong>를 태그라고 합니다.

그리고 태그에 종류는 많은 종류가 있으며 앞으로 태그를 활용해 많은 것을 할 수 있게 될 것입니다.

 

 

마치며

HTML의 기본 문법이 태그라는 것을 알게되었고 태그는 <>(꺽인괄호) 안에 작성하여 태그를 적용하고자 하는 문자를 앞 뒤로 감싸 사용을 할 수 있습니다. HTML의 기본적인 문법인 태그에 대해 알아보았으니 앞으로 많은 태그에 대해 알아보도록 하겠습니다.

 

 

관련 글

코딩과 HTML은 무엇인가

ATOM(아톰) 에디터 설치 및 사용

 

 

저의 글을 읽어 주셔서 감사합니다. 오늘도 즐거운 하루 보내세요.

저의 글이 조금이나마 도움이 되셨다면 로그인이 필요 없는 공감♥ 한번 꾸욱 눌러주세요.