HTML 태그란?

HTML란?

---

HTML은 Hypertext Markup Language의 줄임말로 하이퍼텍스트를 작성하기 위해서 개발되었습니다.

웹문서를 만들기 위한 기본적인 웹 언어입니다.

HTML 태그란?

---

태그(Tag)는 영어사전에서는 어떤 표시를 하기 위해 붙인 꼬리표라고 명시되어 있습니다.

이 말을 HTML 태그로 풀이해본다면, 웹문서에 어떤 표시를 해주는 것이라고 생각해볼 수 있습니다.

어떤 표시를 해줄 수 있는가 하면 웹문서에서 대상이 되는 부분에 글씨 크기, 글자색, 글자 모양 등을 변경하거나,

저희가 웹문서에서 흔히 접할 수 있는 Link도 하나의 태그 안에 있습니다.

이렇듯 태그는 웹 문서상의 대상이 되는 부분에 대한 표시라고 간단히 생각해 볼 수 있습니다.

그러면, 웹문서를 쓰는 사람은 표시를 해두었지만,

그것을 보는 사람은 그 부분이 표현되어 있다고 생각을 할 수도 있습니다.

그럼 앞으로 태그를 보면 어떤 것인지 모르더라도 '아 뭔가 다르게 표시(표현) 해놨구나'라고 생각할 수 있겠습니다.

벌써 이렇게 복잡하게 나열된 태그들을 보고 겁을 먹을 필요는 없습니다.

HTML 태그 사용법

---

<태그> 태그 대상 </태그>

태그 사용은 간단합니다. 내가 표시하고 싶은 대상의 양쪽에 사용할 태그 이름을 '<', '>' 사이에 적어 주면 됩니다.

그리고 사용한 태그의 끝에는 끝맺음의 의미로 '/'을 태그 앞에 적어 주면 됩니다.

HTML 태그 사용 예

---

간단한 HTML 태그를 살펴보겠습니다.

간단한 HTML이라면 글의 속성이 블로그에 글을 쓰는 사람이 에디터의 도움을 받아서

가장 흔하게 접하는 부분이라고 생각됩니다.

그래서 글 속성에 대한 태그로 예를 들었습니다.

ATOM preview를 사용하여 표시하였습니다.

<h>태그

HTML 태그는 기본적으로 대소문자를 구분하지 않습니다.

그래서 첫 <h>태그는 소문자, 대문자를 사용하였습니다.

<h>태그는 headings의 약자로 제목입니다.

<h1>에서 <h6>까지 사용이 가능합니다.

<b>태그

<b>태그는 Bold의 약자로 글씨를 굵게 만들어 줍니다.

<i>태그

<i>태그는 italic의 약자로 글씨를 기울여 줍니다.

우선 태그에 대한 것보다는 태그의 사용법과 의미를 생각해 보면 될 거 같습니다.

태그의 종류는 웹상에 무궁무진하게 정보가 많이 있으니,

이제는 자신이 필요한 태그를 쉽게 찾아볼 수 있을 것입니다.