HTML - Tag(태그)

728x90

※ 주의 !

이 글은 개인 공부 목적으로 많은 오류가 있을 수 있습니다.

문제가 있다면 말씀 부탁 드리겠습니다.

안녕하세요 Gon입니다.

이 글에서는 웹페이지를 구성하는 기본 언어인 HTML에 tag에 대하여 알아보도록 합시다.

HTML과 우리들이 손으로 노트적는 글은 같으면서도 다릅니다.

예를들어 제가 노트에 제목을 적기위해 굵고 큰 글씨로

'Gon 의 블로그'

라고 적었다면 이것을 보고 다른 사람들은 제목이라고 생각을 하게 되는 것 입니다.

자, 그럼 컴퓨터에서는 저 'Gon의 블로그를' 제목이라고 생각할 수 있을까요? 이 컴퓨터란 놈은 너무나 정직한 친구여서 단순히 굵고 큰 글씨까지 밖에 생각을 못합니다.

만약 여러분들이 'Gon의 블로그'라는 제목을 찾고 싶어 검색을해도 제목이 'Gon의 블로그'라는 웹페이지는 찾기가 여러워 지는 것이죠.

그래서 HTML에서는 이런 '문자'들에게 '의미'를 부여하기위해 Tag라는 개념을 사용하게 됩니다. 다양한 의미들을 정의하기위해 만들어진 Tag들이 있습니다. 그 중, 제목을 의미하는 Tag 'h1'을 사용하면 제목이라는 의미를 갖춘 문자가 될수 있습니다.

<h1>Gon의 블로그</h1>

자, 이제 HTML을 이용한 첫번째 코딩입니다.

이제 저 'Gon의 블로그'는 tag중 제목을 의미하는 h1 tag를 이용하여 작성되어 제목이라는 속성이 'Gon의 블로그'에 들어가게 된 것이죠.

Tag의 사용법은 아래와 같습니다. 의미를 부여하고 싶은 문자에 시작에, 정의되거나 정의한 Tag명을 <tag>라고 쓰고 의미를 부여하고 싶은 문자의 끝에, 정의되거나 정의한 Tag를 Tag의 종료를 의미하는 </tag>를 사용하여 종료를 알리면 됩니다.

<tag>태그를 통해 의미를 부여해줍니다.</tag>

HTML에서 <tag>들은 컴퓨터만이 보는 내용들이며 정보들에게 의미를 부여하여 정보들이 의미있는 데이터가 될 수 있게 역할을 해줍니다.

다음 글 부터는 이 tag들의 종류와 예시들을 살펴 보도록 하겠습니다.

감사합니다.

Gon

728x90

Popular Aricle