본문 바로가기

일상 정보 공유

자주 쓰이는 태그 모음

자주 쓰이는 태그 모음

 

 

태그란?

태그(tag)는 어떤 정보에 메타데이터로 부여된 키워드 또는 분류이다. 일반적인 분류 체계와는 다른 어느 하나의 정보에는 여러 개의 태그가 붙어 그 정보를 다양한 면에서 연관성을 보여 줄 수 있으며 이렇게 제공된 정보나 자료는 접근이 쉽게 해주어 손쉽게 그 정보를 검색하고 노출시키고 분류하거나 다른 자료와 엮어 네트워크로 만드는 일을 쉽게 해 준다.

태그는 보통 그 자료를 만든 사람이나 자료를 이해하거나 찾은 사람이 붙일 수 있다. 그래서 태그는 정식의 분류의 용어와 체계를 가지지 않고 비교적 자유로운 형태나 주관적인 관점에서 기록될 수 있다. 이러한 특징 때문에 태그는 동적이고 유연한 맥락적 메타데이터 정보로 날짜, 시간, 제목 같은 메타데이터 요소들과는 구분된다. 태그로 쓰인 키워드는 그 본문 안의 정보에는 기록되지 않을 수 있으며 음악, 그림과 같이 문자로 그 내용이 기록되지 않아 검색이 어려운 인터넷의 정보 객체들도 문자를 입력함으로써 검색할 수 있게 한다. 보통 태그는 한 낱말로 많이 이뤄져 있지만, 여러 개의 낱말이 하나의 개념을 나타내어 입력되기도 한다.

특히 방대한 정보가 생성, 교환, 공유되는 인터넷에서는 어떤 데이터를 찾기 위해 태그를 사용함으로써 원하는 정보에 매우 쉽게 접근할 수 있게 하는 검색성을 갖게 한다.

 

출처 - 위키백과

 

 

 

 효과

태그 

태그 적용 전 

태그 적용 예 

태그 적용 후 

띄어쓰기 

  

핑크스쿨

핑크 스쿨

핑크 스쿨

한줄띄우기 (엔터 효과)

<br> 

핑크스쿨어서오세요 

핑크스쿨<br>안녕

핑크스쿨

안녕

 글자 굵게 하기

<b>원하는글</b> 

원하는글 

<b>원하는글</b>

원하는글

 글자 색넣기

 <font color="색상">글</font>

 글

 <font color=pink">글</font>

 글자 크기

 <font size="크기">글</font>

 글

 <font size="18">글</font>

 밑줄 긋기  밑줄 긋기 (underline) <u>글내용</u>  글내용  밑줄 긋기 (underline) <u>글내용</u> 글내용  
 왼쪽 정렬

 <LEFT>왼쪽</LEFT>

 왼쪽

<LEFT>왼쪽</LEFT>

 왼쪽
 가운데 정렬  <CENTER>가운데</CENTER>  가운데

<CENTER>가운데</CENTER>

 가운데

 오른쪽 정렬

 <RIGHT>오른쪽</RIGHT>

 오른쪽

<RIGHT>오른쪽</RIGHT>

 오른쪽

 

 

 

 

이미지 불러오는 태그

<img src = "이미지 경로">

 

이미지에 사이즈 지정해서 불러오는 태그

<img src="이미지 파일 주소" width="가로크기" height="세로크기">

 

동영상 혹은 swf 불러오는 태그

<embed src="동영상 파일 경로">

 

이미지에 링크 거는 태그

<a href = "링크할 주소" border = "0"><img src = "이미지 주소"></a>

 

이미지에 링크 걸고 새창으로 띄우는 태그

<a href = "링크할 주소" target="_blank"><img src = "이미지 주소" border = "0"></a>

 

이미지에 마우스 오버시 이미지와 마우스 아웃시 이미지 변경 하는 태그

<img border=0 src="마우스 아웃시 이미지 경로" img onmouseover="this.src='마우스 오버시 이미지 경로'" onmouseout="this.src='마우스 아웃시 이미지 경로'" width="이미지 가로 사이즈" height="이미지 세로 사이즈">

 

이미지에 마우스 오버시 이미지와 마우스 아웃시 이미지 변경 하고 거기에 새창 링크 거는 태그

<a href = "링크할 주소" border = "0"><img border=0 src="마우스 아웃시 이미지 경로" img onmouseover="this.src='마우스 오버시 이미지 경로'" onmouseout="this.src='마우스 아웃시 이미지 경로'" width="이미지 가로 사이즈" height="이미지 세로 사이즈"></a>

 

 

 

 

※파일 주소는 모두 영문or숫자로 표기 되어야 합니다.