'태그'에 해당되는 글 2건

  1. 기본 태그 몇가지
  2. Cursor 태그

기본 태그 몇가지

1. 크기관련 <h1></h1>

  사용소스 

  적용결과 

<h1>안녕하세요</h1>

안녕하세요

<h3>안녕하세요</h3>

안녕하세요

<h6>안녕하세요</h6>
안녕하세요

 

2. 문자크기를 굵게 <b></b>

  사용소스 

  적용결과 

  <b>안녕하세요</b> 

  안녕하세요 

 

3. 이탤릭체 표현 <i></i>

  사용소스 

  적용결과 

  <i>안녕하세요</i> 

  안녕하세요 

 

4. 밑줄친 문자 <u></u>

  사용소스 

  적용결과 

  <u>안녕하세요</u> 

안녕하세요

 

 

5. 취소선 긋기 <strike></strike> 

  사용소스 

  적용결과 

  <strike>안녕하세요</strike>  

  안녕하세요 

 

6. 아랫첨자 표현<sub></sub> 

  사용소스 

  적용결과 

  안녕<sub>하세요</sub>  

  안녕하세요 

 

7. 윗첨자 표현<sup></sup> 

  사용소스 

  적용결과 

  안녕<sup>하세요</sup>  

  안녕하세요 

 

8. 엔터친 효과<br> 

  사용소스 

  적용결과 

안녕하세요<br>
태그박스입니다
<br> 
무슨말을 해야할지 모르겠습니다
<br> 
<br>
정말이요 ㅠㅠ 
 

 안녕하세요
태그박스입니다 
무슨말을 해야할지 모르겠습니다 

정말이요 ㅠㅠ  

 

9. 공백 (스페이스키)효과 &nbsp;

  사용소스 

  적용결과 

  안&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;녕하세요 

  안     녕하세요 

 

 

10. 정형화된 문서 <pre></pre>

  사용소스 

  적용결과 

<pre>이렇게 쓰면 결과에
엔터와 스페이스 모두 그대     로
똑같이 적용이 됩니다
</pre> 

이렇게 쓰면 결과에
엔터와 스페이스 모두 그대     로
똑같이 적용이 됩니다

 

11. 주석문 <!-- 와 --> 의 사이

  사용소스 

  적용결과 

<!-- 이 태그 사이의 모든 태그소스는 결과에 나타나지 않습니다 -->  

아무것도 나타나지 않음

 

저작자 표시 비영리 동일 조건 변경 허락
신고

'웹디자인 > HTML / 태그' 카테고리의 다른 글

기본 태그 몇가지  (0) 2011.02.24
16진수 RGB 색상표 정리  (0) 2011.02.21
Cursor 태그  (0) 2011.02.20

Cursor 태그

하이퍼링크가 걸린 텍스트에 마우스를 가져다 올리면 커서가 하얀 장갑낀 손가락으로 변한다.
이 모양을 cursor 태그를 이용해 원하는 모양으로 바꿀수 있다.

간단하게 사용방법을 알아보자.


일반적인 하이퍼링크에 커서를 올려둘때 : 여기에 마우스를 올려보시오. 
위의 일반적인 링크는<a href="#">여기에 마우스를 올려보시오.</a> 이런형식이다.

Cursor 태그를 이용한 예제 : 여기에 마우스를 올려보시오.
<a href="http://@" style="cursor:Wait">여기에 마우스를 올려보시오.</a>

위의 예제에서 style="cursor:Wait" 속성이 커서를 바꾸는 역할을 한다.




Wait 속성 말고 다른 속성들이 어떤 것들이 있나 알아보자.



입맛에 맞는 걸로 고쳐쓰자!
저작자 표시 비영리 동일 조건 변경 허락
신고

'웹디자인 > HTML / 태그' 카테고리의 다른 글

기본 태그 몇가지  (0) 2011.02.24
16진수 RGB 색상표 정리  (0) 2011.02.21
Cursor 태그  (0) 2011.02.20