일상 정보 공유

자주 쓰이는 태그 모음

(ごεご)乃 2013. 2. 16. 20:08

자주 쓰이는 태그 모음

 

 

태그란?

태그(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숫자로 표기 되어야 합니다.